1. Exportación de Paleta de Colores a Tailwind
Diseñador de Sistemas de DiseñoContexto
Un equipo de diseño actualizó la paleta de colores de marca en Figma y exportó los tokens en formato JSON plano.
Problema
El desarrollador frontend necesita integrar estos nuevos colores en el archivo tailwind.config.js sin transcribirlos manualmente.
Cómo usarlo
Pega el JSON de colores en el editor, selecciona 'Tailwind theme.extend (JS)' como formato de destino y 'Hex' como formato de color.
{
"color": {
"brand": {
"primary": { "$value": "#2563eb", "$type": "color" },
"secondary": { "$value": "#9333ea", "$type": "color" }
}
}
}Resultado
Se genera un objeto JS listo para pegar en theme.extend que mapea color.brand.primary a colors: { brand: { primary: '#2563eb' } }.