Figma

• Variables en dos colecciones: «Konfront UI · Color», con un modo claro y uno oscuro por cliente, y «Konfront UI · Medidas», con radios, alturas, paddings, tipografía y movimiento.
• Estilos de texto (Title 1 a Overline) ligados a la fuente y los tamaños de cada tema, y estilos de sombra.
• Componentes con variantes y estados: Button (6 variantes × default, hover, pressed, focus y disabled), Input, Badge, Checkbox, Switch, Tab, Card, Avatar, Tooltip, Alert, Menu y Dialog. El hover y el press están conectados como interacciones de prototipo con la duración y la curva del tema.

Las medidas salen de las mismas clases que instala el registro, así que Figma y el código usan los mismos números.

1. Abre Figma Desktop.
2. Menú → Plugins → Development → Import plugin from manifest…
3. Elige apps/figma-plugin/manifest.json del repositorio.

El plugin lee los temas publicados en https://ui.konfront.mx y marca cuáles cambiaron desde la última vez. «Sincronizar» actualiza la biblioteca sin duplicar nada: las instancias que ya usas en otros archivos se mantienen. Con «Actualizar al abrir», se pone al día solo.

Para un borrador sin publicar, en el Studio usa Exportar → Copiar para Figma y pégalo en la pestaña «Pegar» del plugin.