Мы собрали лучшие бесплатные плагины для Figma, которые позволяют быстро настроить экспорт макетов из Figma в широко используемые сервисы для прототирования и запуска готовых сайтов
Они помогают избежать ошибок при ручной конвертации, автоматизировать рутинные этапы экспорта, сэкономить процесс запуска продукта, реализовать различные идеи при небольших бюджетах и в целом обойтись без помощи разработчика
awdee.ru/14-figma-plugins-for-exporting-designs-to-html
#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
14 Figma-плагинов для экспорта дизайна в HTML — Оди. О дизайне
Мы собрали лучшие бесплатные плагины для Figma, которые позволяют быстро настроить экспорт макетов из Figma в широко используемые сервисы для прототипирования и запуска готовых сайтов. Они помогают избежать ошибок при ручной конвертации, автоматизировать…
This media is not supported in your browser
VIEW IN TELEGRAM
Пошаговый двухминутный урок Виджая Вермы по созданию скеоморфного индикатора загрузки с применением условий (conditions) и переменных (variables)
Шпаргалки со значениями всех параметров прилагаются: awdee.ru/how-to-create-a-loader-in-figma
twitter.com/realvjy/status/1677281849431793664
#awd_edu #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
5 пошаговых инструкций по созданию эффектов в Figma
В рубрике «Рецепты» Бюро Горбунова есть актуальные туториалы по созданию интересных эффектов в Figma. К тому же с их помощью вы на практике сможете освоить новую функцию Figma — переменные. Уроки можно смотреть в видеоформате — их длительность не превышает 15 минут, или читать текстовые инструкции с картинками
Темы туториалов:
— Тёмная тема с помощью переменных
— Закрученный текст
— Анимированный переключатель
— Векторная иконка
— Генерация паттерна
#awd_edu #awd_figma
В рубрике «Рецепты» Бюро Горбунова есть актуальные туториалы по созданию интересных эффектов в Figma. К тому же с их помощью вы на практике сможете освоить новую функцию Figma — переменные. Уроки можно смотреть в видеоформате — их длительность не превышает 15 минут, или читать текстовые инструкции с картинками
Темы туториалов:
— Тёмная тема с помощью переменных
— Закрученный текст
— Анимированный переключатель
— Векторная иконка
— Генерация паттерна
#awd_edu #awd_figma
Перевод статьи Матана Розена о том, как атомарный дизайн помогает сэкономить время, избежать рутинных действий и ошибок в дизайн-проектах. Автор показывает, как создавать и использовать стартовые наборы компонентов (атомов), из которых можно собирать более сложные элементы: таблицы, карточки, модальные окна
awdee.ru/make-time-to-focus-on-ux-by-designing-starter-kits-templates-in-figma
#awd_article #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как стартовые наборы Figma помогают сосредоточиться на UX — Оди. О дизайне
Перевод статьи Матана Розена о том, как атомарный дизайн помогает сэкономить время, избежать рутинных действий и ошибок в дизайн-проектах. Автор показывает, как создавать и использовать стартовые наборы компонентов (атомов), из которых можно собирать более…
7 пошаговых инструкций по созданию эффектов в Figma от Fons Mans
Дизайнер Fons Mans выкладывает короткие туториалы, в которых поэтапно разбирает, как создавать эффектные графические элементы
Мы выбрали для вас 7 самых интересных:
— Спиральная иллюстрация
— Эффект свернутого листа
— Эффект светящегося стекла
— Сложный градиент
— Глянцевая иконка
— Изометрическая иконка
— Геометрические паттерны
#awd_figma #awd_edu
Дизайнер Fons Mans выкладывает короткие туториалы, в которых поэтапно разбирает, как создавать эффектные графические элементы
Мы выбрали для вас 7 самых интересных:
— Спиральная иллюстрация
— Эффект свернутого листа
— Эффект светящегося стекла
— Сложный градиент
— Глянцевая иконка
— Изометрическая иконка
— Геометрические паттерны
#awd_figma #awd_edu
Мы уже публиковали Figma-плагины для создания дизайн-систем и работы с ними. А теперь выбрали ещё 12 плагинов, с помощью которых можно легко управлять дизайн-системами
awdee.ru/12-figma-plugins-for-creating-and-managing-design-systems
#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
12 Figma-плагинов для создания и управления дизайн-системами — Оди. О дизайне
Мы уже публиковали Figma-плагины для создания дизайн-систем и работы с ними. А теперь выбрали ещё 12 плагинов, с помощью которых можно легко управлять дизайн-системами Foundation: Color Generator — создаёт цветовые палитры на основе дизайн-систем Material…
Мы нашли и протестировали новые полезные плагины. Чтобы показать как они работают, записали короткие скринкасты
— Gradient Map — эффект карты градиента, как в Фотошопе
— Reflect — создаёт отражение любого изображения в два клика
— Mobile Onboarding — библиотека онбордингов для iOS и Android в светлой и тёмной темах
— Jony Eye — находит ошибки в макетах в типографике, стилях, документах и размещении элементов
— Auto Style Sheet — сканирует дизайн и генерирует руководство по стилю
awdee.ru/5-new-free-figma-plugins
#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
В статье подробно рассматриваем несколько альтернатив:
— Pixso
— Lunacy
— Penpot
— Mockplus
— Adobe 😆
— Sketch для Mac
awdee.ru/luchshie-analogi-figma
#awd_tool #awd_webtool #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Лучшие аналоги Figma — Оди. О дизайне
Сделала подборку платных и бесплатных альтернатив Figma. В статье вы найдете подробный обзор каждого инструмента Pixso Облачный сервис для совместной работы над дизайном. Включает все этапы работы над проектом: создание прототипов, дизайн, передачу макетов…
Мы собрали и проверили ещё 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Новая подборка с актуальными плагинами. Каждый из них мы сопроводили скринкастом, чтобы вы могли быстрее разобраться в том, как они работают
— 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
5 новых бесплатных Figma-плагинов #3 — Оди. О дизайне
Новая подборка с актуальными плагинами. Каждый из них мы сопроводили скринкастом, чтобы вы могли быстрее разобраться в том, как они работают Hue Shifter — позволяет пакетно менять оттенок, насыщенность и яркость у неограниченного количества векторных слоёв…