Diseñador/a Ui/Ux Experto en Figma, Design Tokens y Atomic Design para Aplicaciones Web en Vue 3

🎨 Busco Diseñador/a UI – Figma + Design Tokens + Atomic Design

Vue 3 + Vuetify + AG Grid + amCharts

Busco un/a diseñador/a ui/ux freelance con experiencia sólida en figma, design tokens (figma variables) y atomic design, para colaborar de forma continua en el diseño de aplicaciones web complejas.

Trabajo en múltiples proyectos de micro-frontends en Vue 3 (Composition API) usando Vuetify, AG Grid y amCharts. Yo entregaré wireframes de alto nivel; el objetivo es convertirlos en un sistema de diseño claro, reutilizable y listo para desarrollo.

⸻

🧩 Qué necesito
    •    Diseñar el detalle visual final (layout, tipografía, colores, spacing).
    •    Construir y mantener un Design System en Figma basado en Atomic Design.
    •    Definir Design Tokens usando Figma Variables (colores, tipografía, spacing, radius, elevation).
    •    Diseñar componentes reutilizables (no solo pantallas).
    •    Definir todos los estados de componentes interactivos, como mínimo:
    •    Default, Hover, Focus, Disabled, Loading y Error (cuando aplique).
    •    Diseñar y documentar:
    •    Tablas complejas con AG Grid (headers, rows, filtros, estados vacíos y loading).
    •    Gráficos con amCharts (colores, ejes, leyendas, tooltips).
    •    Mantener coherencia visual entre Vuetify, AG Grid y amCharts.

⸻

🧱 Atomic Design (obligatorio)

El entregable debe estar claramente separado en:
    •    Atoms: colores (tokens), tipografía, buttons, inputs, icons, spacing.
    •    Molecules: campos de formulario, cards simples, toolbar elements.
    •    Organisms: forms completos, data tables, dashboards, layouts, modales.

⚠️ No se buscan pantallas aisladas, sino componentes reutilizables y mantenibles.

⸻

📦 Entregables
    •    Archivos de Figma bien organizados.
    •    Design System completo (Atoms / Molecules / Organisms).
    •    Design Tokens definidos con Figma Variables.
    •    Componentes con variantes y estados documentados.
    •    Pantallas armadas a partir de componentes.
    •    Guía clara para implementación en frontend.

⚠️ No se aceptarán componentes interactivos solo con estado “default”.

⸻

🛠️ Requisitos
    •    Experiencia comprobable en Figma.
    •    Uso real de Design Tokens / Figma Variables.
    •    Experiencia con Atomic Design.
    •    Experiencia en apps web con datos (SaaS, dashboards, B2B).
    •    Capacidad de documentar decisiones de diseño.

Plus (no obligatorio)
    •    Vuetify / Material Design.
    •    AG Grid y/o amCharts.
    •    Experiencia trabajando con equipos frontend.

⸻

🤝 Modalidad
    •    Freelance (por horas o entregables).
    •    Relación de largo plazo.
    •    Yo proporciono wireframes, contexto funcional y feedback rápido.

⸻

📩 Para postularte
    1.    Portfolio (apps o dashboards).
    2.    Ejemplo de Atomic Design.
    3.    Ejemplo de Design Tokens / Figma Variables.
    4.    Disponibilidad y modalidad.

⸻

🎯 Objetivo

Crear interfaces consistentes, escalables y listas para Vue 3 + Vuetify, reduciendo fricción entre diseño y desarrollo.