Frontender

Frontender — плагин Figma, который работает как персональный младший разработчик и помогает ускорить фронтенд-процессы.

Основные функции и особенности

1. От дизайна к коду: выберите любой слой в Figma, и Frontender преобразует его во фронтенд-код.
2. Не зависит от Autolayout: плагину не нужны autolayout или хорошо организованные слои; он определяет порядок, иерархию и смысл даже в неаккуратных файлах.
3. CSS и Tailwind: хорошо понимает CSS и Tailwind, умеет использовать произвольные значения или находить ближайшее значение в конфигурации.
4. Поддержка пользовательской конфигурации: вставьте собственный Tailwind config, и плагин создаст production-ready код с пользовательскими классами.
5. Несколько форматов вывода: преобразует дизайны Figma в Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS и JSX with Tailwind.
6. Совместимость с фреймворками: работает с такими фреймворками, как Next и React (JSX), Vue и Svelte (HTML).

Модель оплаты и стоимость

Аккаунт не нужен, сервис навсегда бесплатен. Каждый месяц доступны 15 преобразований за наш счёт.

Как пользоваться

Попробуйте прямо сейчас в Figma без регистрации. Выберите слой и получите код.