👨‍🎨 14 Figma-плагинов для экспорта дизайна в HTML

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

Они помогают избежать ошибок при ручной конвертации, автоматизировать рутинные этапы экспорта, сэкономить процесс запуска продукта, реализовать различные идеи при небольших бюджетах и в целом обойтись без помощи разработчика

awdee.ru/14-figma-plugins-for-exporting-designs-to-html

#awd_figma #awd_tool

👨‍🎨 Как создать индикатор загрузки в Figma

Пошаговый двухминутный урок Виджая Вермы по созданию скеоморфного индикатора загрузки с применением условий (conditions) и переменных (variables)

Шпаргалки со значениями всех параметров прилагаются: awdee.ru/how-to-create-a-loader-in-figma

twitter.com/realvjy/status/1677281849431793664

#awd_edu #awd_figma

🙂 Как стартовые наборы Figma помогают сосредоточиться на UX

Перевод статьи Матана Розена о том, как атомарный дизайн помогает сэкономить время, избежать рутинных действий и ошибок в дизайн-проектах. Автор показывает, как создавать и использовать стартовые наборы компонентов (атомов), из которых можно собирать более сложные элементы: таблицы, карточки, модальные окна

awdee.ru/make-time-to-focus-on-ux-by-designing-starter-kits-templates-in-figma

#awd_article #awd_figma

👨‍🎨 12 Figma-плагинов для создания и управления дизайн-системами

Мы уже публиковали Figma-плагины для создания дизайн-систем и работы с ними. А теперь выбрали ещё 12 плагинов, с помощью которых можно легко управлять дизайн-системами

awdee.ru/12-figma-plugins-for-creating-and-managing-design-systems

#awd_figma #awd_tool

👨‍🎨 5 новых бесплатных Figma-плагинов

Мы нашли и протестировали новые полезные плагины. Чтобы показать как они работают, записали короткие скринкасты

— Gradient Map — эффект карты градиента, как в Фотошопе
— Reflect — создаёт отражение любого изображения в два клика
— Mobile Onboarding — библиотека онбордингов для iOS и Android в светлой и тёмной темах
— Jony Eye — находит ошибки в макетах в типографике, стилях, документах и размещении элементов
— Auto Style Sheet — сканирует дизайн и генерирует руководство по стилю

awdee.ru/5-new-free-figma-plugins

#awd_figma #awd_tool

🙂️️️️️️ Лучшие аналоги Figma

В статье подробно рассматриваем несколько альтернатив:
— Pixso
— Lunacy
— Penpot
— Mockplus
— Adobe 😆
— Sketch для Mac

awdee.ru/luchshie-analogi-figma

#awd_tool #awd_webtool #awd_figma

👨‍🎨 5 новых бесплатных Figma-плагинов #2

Мы собрали и проверили ещё 5 полезных плагинов. Чтобы вы быстрее разобрались, как они работают, мы записали короткие скринкасты

— Split Image Effect — делит изображения на полосы, ромбы, квадраты, прямоугольники
— Random Gradients — генерирует рандомные красочные градиентные фоны
— ToolTips — быстро создаёт кастомизируемые тултипы. Всё, что нужно — написать текст тултипа, задать его направление, а потом настроить размер, цвет надписи и цвет фона
— Fake it — генерирует фейковые данные для заполнения макетов. Содержит более 200 типов данных: имён, названий, телефонных номеров, номеров банковских карт и многого другого. Данные создаёт на более, чем 60 языках, включая русский
— Hugeicons Pro — библиотека из 6500+ бесплатных линейных SVG-иконок

awdee.ru/5-new-free-figma-plugins-2

#awd_figma #awd_tool

👨‍🎨 5 новых бесплатных Figma-плагинов #3

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

— Hue Shifter — позволяет пакетно менять оттенок, насыщенность и яркость у неограниченного количества векторных слоёв и компонентов
— 3D Vector — преобразует векторные фигуры или текст в 3D
— Fast Isometric — располагает изображения и компоненты в изометрической проекции
— MingCute — библиотека из 2700+ векторных иконок, созданных по 24-пиксельной сетке. Каждая иконка нарисована в двух стилях: линиями и с заливкой
— Status Bar 1-click — вставляет строку состояния (Status Bar)/панель уведомлений (Notification Bar) в верхнюю часть фрейма и панель «Домой» (Home Bar) в нижнюю

awdee.ru/5-new-free-figma-plugins-3

#awd_figma #awd_tool