Crearé un sistema de diseño con tokens, componentes y documentación

A
ariftarkandilek
A
ariftarkandilek
Arif Tarkan
Parte de la información se ha traducido automáticamente.

Acerca de este Servicio

Traducción automática

Creé y mantuve el sistema de diseño a nivel de toda la empresa en una compañía de software que envía productos a aerolíneas y grandes grupos empresariales. No era una carpeta con pantallas de Figma, era un sistema que los ingenieros realmente usaban.


Lo que obtienes:

  • Tokens de diseño: color, tipografía, espaciado, radio, elevación, en una estructura que se mapea claramente a variables CSS o configuración de Tailwind
  • Una biblioteca de componentes en Figma con variantes y un diseño automático adecuado, para que sobreviva al contacto con un equipo real
  • Estados cubiertos: por defecto, hover, focus, deshabilitado, cargando, error
  • Modo claro y oscuro, si necesitas ambos
  • Documentación que indica cuándo usar un componente y cuándo no
  • Opcional: los mismos componentes escritos en código React y Tailwind, por las mismas manos que los diseñaron

El objetivo de un sistema de diseño es que la quinta pantalla tome una hora en lugar de un día. Eso solo funciona si los nombres, los tokens y la documentación son correctos, que es donde la mayoría de los sistemas fallan.


Cuéntame qué tienes hoy, archivo de Figma, código existente o nada en absoluto, y te diré qué paquete se ajusta.

Preferencia de estilo de entrega

Informa al freelancer cualquier preferencia o inquietud que tengas con respecto al uso de herramientas de IA en la finalización y/o entrega de tu pedido.

Respeta los derechos de terceros

Recuerda que incluir temas, plantillas o cualquier otro elemento que viole los derechos de terceros o las leyes aplicables en los trabajos entregados va en contra de las políticas de Fiverr. Puedes ver más información en Guía para la creación digital responsable.

Conoce a Arif Tarkan

Arif Tarkan

Product Designer and Front End Developer, Enterprise UX, Astro and React Sites

  • DeTurquía
  • Miembro desdeoct 2022
  • Responde aprox. en:1 hora
  • Idiomas

    Inglés
I'm a product designer who also writes the front-end. The same person does the Figma and the code, so what you approve in the mockup is what ends up in the browser. Five years designing operations software for airlines and large enterprises: electronic logbooks used on tablets in the hangar, a pre-flight app for pilots, incident tools, dense dashboards. I built the design system and wrote the React and Next.js myself. I also run Alder Themes: Astro and Tailwind website templates for restaurants, hotels and clinics. Istanbul, remote, in English or Turkish.

Traducción automática

Mi porfolio

Etiquetas relacionadas