Explorar las categorías
Explora
Fiverr Pro
Español
$
USD
Construiré un sistema de diseño escalable basado en tokens en Figma
Ravindra
Acerca de este Servicio
Traducción automática
La mayoría de los "sistemas de diseño" que compras son solo una paleta de colores y algunos componentes pegados sin estructura, sin documentación, nada que tu equipo de desarrollo pueda usar.
Yo construyo sistemas de diseño reales basados en TOKEN: tokens semánticos primitivos para componentes, para que tu producto mantenga la coherencia, soporte temas claro/oscuro/multimarca y se entregue a los desarrolladores sin conjeturas.
LO QUE OBTIENES:
Arquitectura de tokens real, no solo estilos en componentes
Variables en Figma para color, espaciado, radio, tipo y modos
Exportación lista para desarrollo: variables CSS, Tailwind o tokens JSON
Ratios de contraste y objetivos táctiles verificados por WCAG
Documentación que explica cada token y cómo extenderlo
Construido para que nuevos componentes hereden correctamente el sistema
PARA QUIÉN ES ESTO:
Startups que se formalizan antes de escalar, agencias que entregan a desarrolladores, fundadores cansados de pantallas inconsistentes, equipos que migran a Variables en Figma.
CÓMO TRABAJAMOS:
1. Comparte activos de marca o UI existente
2. Mapeo de la arquitectura de tokens
3. Construcción de componentes sobre esa base
4. Entrega del archivo de Figma + documentación + exportación para desarrollo
5. Una ronda de revisiones para perfeccionar
No estás seguro de qué paquete encaja? Envíame un mensaje con tu producto y tamaño del equipo; te diré qué necesitas.
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 Ravindra
Ravindra
Expert UI UX Designer
- DeIndia
- Miembro desdeoct 2022
- Responde aprox. en:1 hora
- Última entrega1 año
Idiomas
Inglés
Hi Folks,
My name is Ravi. A Digital UI/UX Designer with 12+ years of Experience.
I am Experienced in (UX/UI) User Experience Design and User Interface Design, Web Design or Landing page design, Mobile App UI Design, (UX) User Research, UI/UX Prototyping, Wireframe design, and User Flow.
I can help you with:
- Complex Mobile App and Web App Design
- Responsive Website Design
- User flows, Wireframes, Scenarios
- Interactive UI Prototype / Testing
- Component Library, Design System
Tools:
- Figma
- InVision
- Adobe XD
- Photoshop
Traducción automática
Mi porfolio
FAQ
Traducción automática
¿Cuál es la diferencia entre un "kit de UI" y un "sistema de diseño basado en tokens"?
Un kit de UI es un conjunto de pantallas/componentes prehechos. Un sistema basado en tokens es la arquitectura subyacente — colores, espaciado y tipografía definidos una sola vez como variables y referenciados en todas partes — para que el sistema escale y tenga temas sin necesidad de rehacer manualmente. Yo construyo este último.
¿Usas Variables en Figma o plugins como Tokens Studio?
Variables nativas de Figma por defecto, ya que la mayoría de los equipos de desarrollo sincronizan mediante la API REST de Figma o plugins como Tokens Studio. También puedo configurar Tokens Studio si tu equipo ya tiene esa pipeline — solo menciónalo en tu brief.
¿Mis desarrolladores podrán usar esto sin mucho ida y vuelta?
Sí — ese es el objetivo. Obtendrás una exportación de tokens (variables CSS, configuración de Tailwind o JSON) que se mapea directamente con lo que hay en Figma, así que no hay que adivinar códigos hex o valores de espaciado manualmente.
Aún no tengo guías de marca — ¿puedes hacerlo igual?
Sí. Puedo definir el conjunto inicial de tokens contigo (colores, escala tipográfica, espaciado) como parte del paquete Basic o Standard. Costará un poco más en tiempo de descubrimiento, así que menciónalo desde el principio.
¿Puedes auditar/arreglar un sistema de diseño existente en lugar de crear uno nuevo?
Sí, envíame el archivo de Figma — evaluaré si necesita una reconstrucción o una refactorización específica de tokens, y te daré un presupuesto.
¿Qué necesitas de mí para empezar?
Colores de marca/logo (si los tienes), pantallas existentes, plataformas objetivo (web/iOS/Android) y si necesitas soporte para modo claro/oscuro/multimarca.
