Figma Plugins

🖼Design Lint

Design Lint - это инструмент для проверки качества дизайна, который помогает автоматически обнаруживать и исправлять ошибки. Он предоставляет набор правил для проверки, таких как правильное расположение элементов, использование правильных шрифтов и цветов, соответствие стандартам доступности и т.д. Вы можете настроить правила проверки и добавлять свои собственные, чтобы обеспечить соответствие вашим индивидуальным требованиям. Этот инструмент может быть использован как дизайнерами, так и разработчиками для улучшения качества дизайна и ускорения процесса разработки.

🔵Установить плагин #контент

🖼Anima

Anima позволяет экспортировать ваши дизайны или компоненты из Figma в чистый HTML, CSS, React или Vue-код, который вы можете поделиться с разработчиками, чтобы они могли создавать код в соответствии со своими предпочтениями. С помощью Anima вы также можете создавать прототипы на основе кода, которые ощущаются как настоящий продукт, с графиками, видео, живыми текстовыми вводами, Google Maps, выпадающими меню, входными анимациями и многим другим.

🔵Установить плагин #код

🖼Datavizer

Создайте гистограмму, диаграмму рассеяния или линейную диаграмму из своих данных c Datavizer for Figma. Можно использовать случайные данные для быстрого создания графиков или фиктивных данных (например, данные для Dashboard).

🔵Установить плагин #контент

Создай портфолио графического дизайнера за 4 дня с нуля! Бесплатный интенсив, на котором ты: – создашь продающее портфолио – узнаешь, как повысить качество работ – узнаешь, где искать заказчиков и зарабатывать х2-х5 – поймешь, как генерировать поток идей и не выгорать Будет полезно как новичкам, чтобы составить свое первое портфолио, так и опытным дизайнерам, кто хочет зарабатывать больше или сменить профиль. 🎁Всем участникам мы приготовили классные подарки: упражнения, гайды и материалы для графических дизайнеров. Старт 20 мая в 20:00 МСК. Успей записаться по 👉🏻ссылке👈🏻, количество мест ограничено!

🖼Icon Resizer

Icon Resizer for Figma - отличный инструмент для быстрого и легкого изменения размера иконок в ваших дизайнах. Выбрав одну или несколько рамок, вы можете задать размер иконки и рамки в соответствии с общим размером, что существенно упрощает работу. Это гарантирует, что все ваши иконки имеют одинаковый размер и квадратную рамку, создавая последовательный вид в вашем дизайне. Всего за несколько кликов вы можете оптимизировать свой рабочий процесс и экономить время при создании профессионально выглядящих дизайнов.

🔵Установить плагин

🖼Storyset

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

🔵Установить плагин #иллюстрации

Всем привет! Мы планируем ввести новую рубрику «Видео-уроки »

В нашем канале будут иногда появляться ссылки на обучающие видеоролики YouTube 📹, чтобы вы могли смотреть и учиться работать в Figma 🖼

Следите за обновлениями и не упустите возможность прокачать свои навыки! по хештегу #видео_урок

🖼A11y

Этот инструмент помогает быстро и легко просматривать все слои в проекте и находить несоответствия WCAG. Color Contrast Checker проверяет коэффициент цветового контраста всего текста во фрейме и показывает, соответствует ли он уровню AA или AAA по WCAG. Также предоставляются цветовые ползунки, чтобы пользователи могли изменять цвета и следить за изменением коэффициента контрастности в реальном времени.

🔵Установить плагин #цвета

🖼Быстрый способ вырезать картинку без потери качества в Figma 🔵Установить плагин #туториал