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


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
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
Traducción automática
Mi porfolio
FAQ
Traducción automática
¿Puedes trabajar con nuestro archivo de Figma o base de código existente?
Sí, y generalmente es la mejor opción. Audito lo que ya tienes, mantengo las partes que funcionan y reconstruyo el resto en una estructura coherente de tokens y componentes. Envíame el enlace de Figma o el repositorio y te diré qué se puede aprovechar.

