10 sistemas de diseño de Figma para ayudarte a crear 👩‍💻 productos 10 veces más rápido⚡️⚡️ | Shantanu Kumar | noviembre 2022

Escale sus proyectos, aumente la consistencia y reduzca la deuda técnica.

Los sistemas de diseño se han convertido en una de las principales herramientas de muchas empresas por una buena razón: ayudan a crear orden a partir del caos.

Pero crear un sistema de diseño integral puede ser una tarea abrumadora, pero vale la pena. Un sistema bien diseñado le ahorrará tiempo a largo plazo al proporcionar una estructura clara a sus proyectos y reducir la complejidad. También lo ayudará a escalar sus proyectos más fácilmente a medida que crezca su proyecto. Un lugar donde puede comenzar es observando los sistemas creados por algunas de las mejores mentes de la industria.

Aunque con tantos sistemas de diseño para elegir, puede ser difícil decidir cuáles valen la pena.

Estoy aqui para ayudar.

En uno de mis artículos anteriores, Los 10 mejores sistemas de diseño para que los diseñadores de UX aprendan en 2022”, He compartido una lista de los mejores sistemas creados y mantenidos por empresas líderes en la industria que puede usar para aprender e inspirarse en sus proyectos.

Ampliando esta lista, en este artículo compartiré algunos sistemas de diseño bien construidos específicamente para Figma.

Pueden ayudarlo a descubrir cómo lidiar con la creciente complejidad mediante la creación de un lenguaje común y un conjunto de estándares que su equipo usará al crear un producto. También facilitan la entrega de proyectos a los desarrolladores, ya que todos trabajan bajo el mismo conjunto de reglas.

Estos sistemas le brindarán todo lo que necesita para comenzar a escalar sus proyectos Figma y reducir la deuda técnica en el camino.

¡Disfruta leyendo!

(Visitar sitio)

Uber creó este increíble sistema de diseño gratuito que sirve como “base” sobre la cual se pueden construir otros sistemas de diseño.

Todavía es relativamente nuevo y es conocido por su implementación React y su biblioteca de componentes Figma.

(Visitar sitio)

AMCEl sistema de diseño de Amplify permite a los desarrolladores, diseñadores de aplicaciones web y móviles crear, ejecutar y alojar rápidamente aplicaciones con funciones completas en AWS.

Es una solución completa que le brinda la libertad de utilizar una amplia gama de servicios de AWS.

No se requieren conocimientos previos de la nube.

(Visitar sitio)

Departamento de ventas El sistema de diseño contiene recursos para crear interfaces de usuario que se adhieren a los principios, las pautas y el lenguaje de diseño de Salesforce.

Para los desarrolladores, el sistema se enfoca en la lógica de la aplicación, mientras que para los diseñadores, se enfoca en la experiencia del usuario, las interacciones y los flujos.

(Visitar sitio)

Pegaso es un sistema de diseño bien conocido con muchas aplicaciones.

El equipo de Pegasus ha creado versiones pagas para Figma y Adobe XD. Además, puede consultar su versión gratuita “lite” en la comunidad de Figma.

(Visitar sitio)

Entre bastidores es un sistema de diseño desarrollado profesionalmente Spotify.

Su objetivo al crear este sistema era utilizar la capa de abstracción que se encuentra en la parte superior de su infraestructura y herramientas de desarrollo para consolidar y optimizar el desarrollo de software de extremo a extremo. Por esta razón, diseñaron Backstage para ayudarlo a administrar todos sus servicios, software, herramientas y pruebas.

(Visitar sitio)

He oído cosas maravillosas sobre Básico.

Está disponible tanto para Figma como para Sketch y contiene más de 2000 componentes que funcionan bien con plantillas web y móviles. Está construido con los mejores estándares de diseño y contiene todos los componentes que necesita para ejecutar un sitio web o un diseño móvil.

Es utilizado por grandes empresas tecnológicas como Google, Cisco, VISA, etc.

(Visitar sitio)

El diseñador francés Yoan Almeida creó este increíble kit de interfaz de usuario y marco de diseño de Figma llamado Dizi.

Me gusta por su calidad a pesar de ser la interfaz de usuario más pequeña de esta lista. Los componentes de Figma provistos son de excelente calidad y están en línea con las mejores prácticas de Figma.

(Visitar sitio)

Joey Banks ha creado un recurso excepcional con este (no oficial) kit de interfaz de usuario de iOS 16.

Este kit de interfaz de usuario incluye el nuevo Dynamic Island de Apple, además de cientos de otros componentes, plantillas, demostraciones y más para que pueda comenzar a crear aplicaciones para iOS.

Cada componente ha sido diseñado utilizando la última versión de Auto Layout, variantes compatibles, modo claro y oscuro, propiedades de los componentes y muchas más funciones.

(Visitar sitio)

Enciclopedia de diseño afirma tener el sistema de diseño Figma más grande del mundo.

Fue creado por John Moore, un diseñador de productos que también dirige un canal de diseño de YouTube.

Hay muchos elementos de interfaz de usuario, estilos y diseños de página en este conjunto de enciclopedia. El énfasis del conjunto en diagramas y patrones de interacción es su fuerza.

(Visitar sitio)

mordedura de flujo basado en el famoso marco Tailwind CSS.

Es más adecuado para aplicaciones SaaS. Este paquete de código abierto contiene más de 400 componentes interactivos y en línea.

Flowbite complementa cualquier flujo de trabajo de diseño, aunque funciona mejor al unísono con Tailwind.

También incluye un archivo JavaScript que permite que funcionen elementos interactivos como menús desplegables y modales.

Previous post Las mayores tendencias de PPC de 2023, según 22 expertos [Ebook]
Next post Crea una biografía única de TikTok con estos 7 consejos

Deja una respuesta