Haré tu sistema de diseño en Figma con tokens y variables


Acerca de este Servicio
Traducción automática
Un sistema de diseño solo es útil si tu equipo realmente lo utiliza. La mayoría de las bibliotecas de Figma se descomponen de la misma manera: colores codificados, componentes sin estados y nadie sabe cuál botón es el correcto.
Soy Lead Product Designer con más de 10 años en UX/UI, 7 de ellos en Deloitte Digital. He creado sistemas de diseño para fintech y productos B2B, incluyendo el portal de integración Masterpass y Ledgerly, un panel de control de contabilidad con temas Claro y Oscuro (241 variables, 56 conjuntos de componentes).
Lo que obtendrás:
- Fundamentos de tokens en variables de Figma: color, tipo, espaciado, radio, efectos
- Tokens semánticos, de modo que los temas y el modo oscuro sean un interruptor, no un rediseño
- Componentes con estados reales: hover, focus, disabled, error, loading
- Diseño automático y variantes que se mantienen cuando cambia el contenido
- Un archivo limpio y documentado que tus diseñadores y desarrolladores pueden usar
Ideal para: productos SaaS, startups que quieren dejar atrás un kit de UI desordenado, equipos preparando un rediseño o un modo oscuro.
¿Tienes un archivo existente? Envíalo antes de ordenar y te diré qué necesita.
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.
Conoce a Bedri Cem I.
Lead Product Designer, SaaS UX UI and Design Systems
- DeTurquía
- Miembro desdedic 2021
Idiomas
Inglés
Traducción automática
Mi porfolio
FAQ
Traducción automática
¿Puedes mejorar un archivo de Figma existente?
Sí. Puedo auditar tu archivo actual, reconstruir colores y tipografía como variables y limpiar componentes sin romper las pantallas que ya los utilizan.
¿Cómo usan los tokens los desarrolladores?
Las variables se nombran por su propósito (por ejemplo color/fondo/principal), de modo que se mapean directamente a variables CSS o a un archivo de tema. También puedo exportarlas como JSON si tu equipo lo necesita.
¿Qué componentes están incluidos?
La Biblioteca Central cubre 12 esenciales como botón, input, select, checkbox, radio, toggle, tag, tooltip, card, modal, tabs y fila de tabla. ¿Necesitas otros? dímelo y los cambio.
¿Soy dueño de los archivos fuente?
Sí. Recibes el archivo completo de Figma con todas las variables, estilos y componentes una vez que el pedido esté completo.

