Figma to HTML [Плагин]
Весьма амбициозный плагин, экспортирующий ваш проект в Figma в HTML5 (плюс CSS), на текущий момент все еще находится в разработке.
На 19 августа стало доступно:
- Используются шрифты Google Fonts
- Можно копировать HTML/CSS из плагина
- Скачать HTML или стили, или всё сразу в ZIP
- Можно экспортировать сколь угодно вложенные фреймы
- Также можно экспортировать вложенные группы
- Можно сохранять изображения
- Поддерживается межстрочное и межбуквенное расстояния
- Стили текста
- Векторные фигуры
- Заливка сплошным цветом (Solid)
- Тени
- Линейные градиенты
На тот же момент в разработке:
- Векторы
- Работа с компонентами
Как пользоваться
- Выбрать родительский фрейм
- Запустить плагин
- Скачать архив/файл HTML или CSS или скопировать код
Документация плагина на момент публикации не богата, так что разбираемся сами.
- Адаптивность не обнаружена
- Есть проблемы с русским текстом
- Ссылки и кнопки сделать невозможно (мы не нашли)
- Правила формирования стилей пока что не ясны
Выводы
На текущий момент данное решение может быть интересным экспериментом, но, увы, не применимо на практике.
Где скачать
Ссылка на плагин: https://www.figma.com/community/plugin/851183094275736358/Figma-to-HTML
Как устанавливать плагины в Figma читайте здесь.
Помогла ли вам эта статья?
Комментариев: 3
Добавить комментарий
Несмотря на все вышеперечисленное, мы восхищаемся разработчиками, которые занимаются подобной работой. Уверены, у этого решения большое будущее.
Как представители дизайнерского сообщества отчаянно бьём пятюню таким энтузиастам
Хочу выразить огромную благодарность за ваш труд, я буду вам очень благодарен если вы продолжите разработку, для меня это оказался очень полезный плагин, так как основную геометрию сайта плагин может самостоятельно выполнить, а это я хочу заметить очень удобно, если приспособиться то можно здорово сэкономить время в верстке сайта, пожалуйста не забывайте про этот плагин
Это не мы сделали этот плагин (мы плагины обозреваем), но вы можете написать разработчику на почту Arowosegbe67@ gmail.com (удалите только пробел).