Preguntas frecuentes

Todo sobre Atomize: qué construimos, por qué lo construimos y cómo ayuda a equipos UI/UX a trabajar design systems de forma más limpia y confiable.

FAQ Banner

FAQ de Atomize

Atomize es un plugin de Figma que ayuda a equipos UI/UX a auditar y estructurar sistemas de diseño - especialmente tokens, variables, nomenclatura y consistencia en archivos grandes.

Atomize está creado para diseñadores de producto, equipos de design systems y colaboración diseño-ingeniería que trabajan con Variables de Figma y necesitan flujos escalables.

Atomize fue fundado por Pavel Demidovich y Vitalina Makus. Vitalina lidera producto y lógica UX, y Pavel lidera ingeniería y arquitectura de plataforma. El producto se construye desde la perspectiva de diseño y de implementación a la vez.

Resuelve fricción recurrente del design system: estructura de tokens inconsistente, cadenas de alias rotas, deriva de nombres, handoff manual y sincronización frágil entre decisiones en Figma y código de producción.

Sin gobernanza, los equipos pierden tiempo corrigiendo la estructura del sistema en lugar de entregar diseño. Atomize reduce esa carga y ayuda a enfocarse en decisiones de producto reales.

FAQ de flujo de trabajo

Normalmente: escanear el archivo actual, revisar problemas del sistema, aplicar mejoras y mantener variables y estructura alineadas mientras evoluciona el producto.

Sí. Atomize está pensado no solo para setups desde cero, sino también para archivos maduros con variables legacy, convenciones de nombres mezcladas e inconsistencias acumuladas.

No. Atomize es una capa de flujo y calidad. Ayuda al equipo a aplicar y mantener estándares del design system, pero las decisiones de producto siguen en manos de diseñadores y equipos.

Sí. Atomize está construido para seguir siendo usable en archivos de producción reales gracias a arquitectura tipada y operaciones orientadas al rendimiento.

No para el uso diario. Los diseñadores pueden usar flujos principales directamente en Figma. La colaboración con ingeniería es útil cuando el equipo conecta decisiones del sistema con pipelines de código.

FAQ de Find & Replace Variables

Es la herramienta de refactor de aliases de variables de Figma. Elige la variable que quieres retirar, selecciona un reemplazo compatible, previsualiza cada token que la referencia por alias y confirma qué aliases actualizar — sin abrir cada colección manualmente.

No. Analiza referencias alias entre variables a través de la API de Variables de Figma. Eso lo mantiene rápido en bibliotecas grandes y centrado en la estructura de tokens — justo lo que necesitan los equipos de design system al refactorizar aliases.

No. Atomize solo ofrece reemplazos del mismo tipo resuelto que la fuente (COLOR, FLOAT, etc.), para que los swaps de alias sigan siendo válidos en Figma.

Atomize indica que la variable no está referenciada por alias en ningún sitio — no hay nada que cambiar. Elige otra fuente, o usa Find Untokenized Values para vincular valores hardcodeados en capas.

FAQ de Find Untokenized Values

Es una auditoría profunda que recorre tu selección, página o archivo y lista cada propiedad guardada como literal en lugar de alias de Variable de Figma — con rutas de capa, nombres de token sugeridos y exportación JSON o XLSX.

La herramienta está pensada para auditoría, navegación y exportación. Tú vinculas variables en Figma (o usas los datos exportados para la limpieza). Atomize se centra en encontrar cada hueco con nombres de token sugeridos — no en ediciones masivas silenciosas que podrían romper componentes.

Coverage Audit devuelve un porcentaje de vinculación para comprobaciones rápidas. Find Untokenized Values es el escaneo profundo en trece tipos de propiedad con rutas por capa y exportación.

Sí, pero la UI te avisa — archivos muy grandes tardan más porque cada página se carga de forma asíncrona. Empieza con Current Page en archivos enormes y amplía el alcance después.

FAQ de Contrast Audit

Es el escáner masivo de contraste WCAG de Atomize para Figma. Compone fills apilados, compara colores de texto e UI con fondos efectivos y agrupa fallos por el token de diseño que los causa — para que un solo arreglo en Variables se propague por los componentes.

Automatiza el cálculo de contraste de color en cientos de capas — la parte costosa de la revisión WCAG en Figma. Sigues validando orden de foco, semántica y contenido en tu proceso habitual de QA.

Los escaneos por página mantienen el feedback rápido y accionable mientras iteras. Ejecútalo por página antes de publicar, o escanea la selección al auditar un solo set de componentes.

Las filas muestran ambos niveles de referencia; la inclusión en el informe usa el umbral WCAG correcto para ese tipo de elemento (4.5:1 para texto normal, 3:1 para texto grande y formas UI).

FAQ de Font Scanner

Es el inventario tipográfico de Atomize para Figma. Cuenta cada familia, peso y tamaño de fuente en tu selección, página o archivo — y te permite seleccionar todas las capas de texto coincidentes en la página activa con un clic.

Por ahora no — úsalo para inventario en vivo y selección masiva. Para exportaciones a nivel de propiedad en colores y espaciado, usa Find Untokenized Values o Contrast Audit.

La selección de Figma es por página. Tras un escaneo de todo el archivo, cambia a la página que estás corrigiendo y Select reúne las coincidencias allí. Repite por página o reduce el alcance del escaneo a la página que editas.

Informa nombres de familia y estilos que Figma expone en nodos de texto. Las fuentes faltantes siguen apareciendo como nombres de familia no resueltos — útil para detectar imports rotos.

FAQ de equipos e integraciones

Sí. La dirección del producto incluye sync en la nube, flujos de equipo y patrones de colaboración controlada para trabajo de design system.

Sí. Atomize está construido alrededor de colaboración práctica diseño-código y soporta flujos donde cambios del sistema pueden rastrearse y sincronizarse con entornos de desarrollo.

No. Es útil para equipos de producto web y móvil donde los design systems y la gobernanza de variables se vuelven críticos al crecer la complejidad.

Atomize se creó específicamente para reducir la brecha: la misma intención del sistema debe mantenerse clara en Figma y en implementación, no dividida en interpretaciones desconectadas.

Síguenos en todas las plataformas