Дизайн
a.timohov
3241

Плагины Figma, которые заменят сторонние приложения: часть двадцатая

В закладки
Слушать

Экспортирует фреймы «Фигмы» в Avacode.

Копирует слои из Figma и вставляет их в Plasmic.

Помогает конвертировать дизайн в код.

Плагин синхронизирует текст с форматированием из «Документов» Google.

Преобразует цветовые токены в код.

Плагин преобразует проекты Figma в код Kotlin для Jetpack Compose.

Добавляет библиотеку 3D-иллюстраций из пака Handz.

Плагин сохраняет прототип из «Фигмы» на компьютер. Можно использовать его в автономном режиме, когда находитесь в дороге, или разместить его на (внутреннем) сервере.

Плагин React Figma поможет сгенерировать код компонента React на основе дизайна Figma.

Находит и вставляет SVG версии логотипов и брендов.

Преобразует ваш дизайн Figma в код.

Новый пак иконок импортированных в Фигму.

Ещё один плагин на проверку орфографии.

Преобразует макеты Figma в адаптивные веб-страницы (в Tailwind) или мобильные приложения (в Flutter).

Позволяет изменить размер своего профиля или обложки для различных приложений социальных медиа (Twitter, Instagram, Facebook, Tumblr, Slack, Vimeo, Youtube, Notion).

Telegram-канал автора — уведомления о новых статьях, полезные ресурсы и всё, что связано с дизайном.

{ "author_name": "a.timohov", "author_type": "self", "tags": ["\u043f\u043b\u0430\u0433\u0438\u043d\u044b","figma"], "comments": 8, "likes": 24, "favorites": 187, "is_advertisement": false, "subsite_label": "design", "id": 141487, "is_wide": false, "is_ugc": true, "date": "Thu, 16 Jul 2020 09:00:19 +0300", "is_special": false }
0
8 комментариев
Популярные
По порядку
Написать комментарий...
0

Много плагинов, чтобы перегонять дизайн в код. Кто нибудь пробовал? Как качество кода? Имею в виду html, css (флексы, гриды или обычные блочные и т.д.)?

Ответить
3

Юзал, такое себе, нужно подчищать код после него

Ответить
0

Спасибо за подборочку

Ответить
0

Объясните такой момент. Некоторые логотипы слева в слоях  у меня показывается не как квадратик из 4 линий, а квадратик из точке. Следовательно если я меняю размеры канвасы, то это логотипы тоже непропорционально трансформируются. Как этого избежать?

Ответить
1

Потому что это группа, внутри групп все объекты изменяют размер пропорционально. Чтобы починить, нужно на правой панели фигмы сверху (скрин 1) поменять значение ”Group” на “Frame”. И на всякий случай убедись, что объекты внутри, теперь уже фрейма, имеют Constrains НЕ “Scale” (надо изменить scale на скрине 2 на что-то другое)

Ответить
0

какова вероятность, что сраный адобе купит фигму и сделает из нее очередного уродца?

Ответить
0

Вряд ли такое будет

Ответить
0

Есть ли нормальная проверка русской орфографии ? пробовал разные - или нужно кажды слой выделять для проверки или только англ язык

Ответить

Комментарии

null