Дизайн
a.timohov
9186

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

Почитать предыдущие части: первая, вторая, третья, четвёртая, пятая, шестая.

В закладки

ACSS - генерирует текстовый элемент в HTML с помощью CSS.

Typographer - отформатируйте текст с помощью типографских элементов, которые традиционно используются для точной печати - черточки и запятые, фигурные кавычки, апострофы, эллипсы и т.д.

Sticky Notes - стикеры-заметки для размещения в проекте.

FigSequencer - секвенсер музыки.

Flutter Export - простой экспорт с необходимыми настройками и организацией папок для приложений Flutter.

Figma Code Highlighter - подсветка кода для Figma. Выберите любое текстовое поле, выберите цветовую схему, язык и запустите плагин. Текст будет выделен.

Email Generator - этот плагин генерирует шаблоны электронной почты HTML из фрейма.

Scripter/Inspector/Get It/Node Inspector - помощники при создании плагинов для Figma.

HTMLGenerator - генерерует HTML-эквивалент с его соответствующим CSS-кодом.

Tailwind CSS - cоздает стили и другие интересные вещи прямо из файла Tailwind CSS.

{{copyThat.airtable}} - синхронизирует строки из Airtable с проектами Figma.

Stark - убедитесь, что цвета, изображения и типографика работают рука об руку, обеспечивая отличную читаемость, четкость и контрастность. Выбираем хотя бы один слой, и Stark скажет, соответствуют ли цвета правилам контрастной доступности WCAG 2.0.

Эти 15 плагинов должны помочь или хотя бы облегчить работу дизайнерам и разработчикам, т.к. они имеют нужные функции прямо в среде Figma.

На этом очередная подборка необходимых плагинов, которые заменят лишние действия вне Фигмы, подошла к своему завершению.

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

{ "author_name": "a.timohov", "author_type": "self", "tags": [], "comments": 16, "likes": 62, "favorites": 414, "is_advertisement": false, "subsite_label": "design", "id": 99955, "is_wide": false, "is_ugc": true, "date": "Fri, 03 Jan 2020 01:01:06 +0300", "is_special": false }
Дарина Фролова
«Если вас двое, то вы в 10 раз сильнее»: интервью с президентом «Клуба 500» Дмитрием Портнягиным
В условиях финансового кризиса эта идея приобретает особый смысл. Пока все паникуют, скупают валюту и совершают прочие…
Объявление на vc.ru
0
16 комментариев
Популярные
По порядку
Написать комментарий...
1

Этих плагинов проверки контрастности штук 20. И я не понимаю, почему это так востребовано

Ответить
10

Потому что Accessibility это модно и очень удобный способ показать, стэйкхолдеру что твой UX — инклюзивный, это подкреплено данными, отвечает требованиям и не стоит лишний раз играть с цветами. C другой стороны писать такие плагины — достаточно простой способ сделать софт для портфолио, который кроме функционала будет обладать этической ценностью, помогать заботе о людях с ограничениями. 

Ответить
4

Видимо, мало у кого глаз намётан на такие штуки. Поэтому, например, улицы засраны банерами с красным текстом на зеленом фоне. У таких чуваков еще отмазки смешные - мол, посмотрите на клубнику. Так что пущай плодятся эти плагины, авось намозолят глаза неучам...

Ответить
2

Не заметил в подборках подобного, может кому-то тоже нужно код в слои

 

https://github.com/BuilderIO/html-to-figma
https://www.figma.com/c/plugin/747985167520967365/HTML-To-Figma

Ответить
2

Обожаю читать статьи про плагины в фигме, но почти ничем из этого не пользуюсь (не дизайнер, если что).

Ответить
1

Удивительный фетиш 😁

Ответить
2

Ништяк 👍

Ответить
1

Когда уже будет замена Framer X и Principle для Windows? Может уже есть, а мы не знаем? AE не замена

Ответить
1

Framer X планирует выпустить браузерную версию. На данный момент есть open beta по приглашению на почту.

Ответить
1

а вот это очень хорошая новость

Ответить
0

Прнципл, тогда же когда скетч для windows, примерно никогда. Эти программы насмерть завязаны на macOS. Только если они решаться заново переписать программу для windows и поддерживать 2 версии

Ответить
0
Ответить
0

Продукт сырой, хоть и похож на Фигму

P.S. Прошу прощения, это ответ комментатору ниже

Ответить
0

Аналог принципла из самых близких — protopie. Но это такое неудобное говно. Но всё проще, чем AE осваивать

Ответить
0

InVision Studio попробуй

Ответить
0

Спасибо, ставил на Windows, выглядит как говно и работает так же. 

Ответить

Прямой эфир