Frontender

Frontender es un plugin de Figma que actúa como un desarrollador júnior personal, diseñado para acelerar los flujos de trabajo front-end.

Funciones y características principales

1. Del diseño al código: selecciona cualquier capa en Figma y Frontender la convertirá en código front-end.
2. Sin dependencia de Auto Layout: no depende de Auto Layout ni de capas bien organizadas; identifica el orden, la jerarquía y el significado incluso en archivos desordenados.
3. Dominio de CSS y Tailwind: comprende muy bien CSS y Tailwind, puede usar valores arbitrarios o encontrar el valor más cercano en la configuración.
4. Compatibilidad con configuraciones personalizadas: pega una configuración personalizada de Tailwind y generará código listo para producción usando clases personalizadas.
5. Varios formatos de salida: Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS y JSX with Tailwind.
6. Compatibilidad con frameworks: funciona con frameworks como Next y React (JSX), y Vue y Svelte (HTML).

Modelo de precios y coste

No necesitas una cuenta y es gratis para siempre. Incluye 15 conversiones gratuitas cada mes.

Proceso de uso

Pruébalo ahora mismo en Figma sin crear una cuenta. Selecciona una capa y obtén el código.