Design System Template — заготовка для дизайн-системы в формате Figma
![](https://awdee.ru/wp-content/uploads/2022/12/fe8782f5-bee2-477c-8292-31cea3828676-cover-1024x614.png)
Moon Design System — основа для дизайн-системы вашего проекта
![](https://awdee.ru/wp-content/uploads/2022/12/6a923f2d-0bf4-4eb2-8aa0-ecebbaeb35dd-cover-1024x614.png)
Sprint UI — генератор заготовки дизайн-системы. Вводите ключевые параметры (шрифты, скругления, палитру и т.п.) и получаете готовые компоненты с ними
![](https://awdee.ru/wp-content/uploads/2022/12/5322f8c1-eb35-4bff-8b8d-9d258678c7fe-cover-1024x512.png)
Toolabs Design System Manager — создаёт переменные для управления дизайн-системой и может экспортировать их в CSS, Less, Sass, JSON, YAML, JS, Swift или Android. Создаёт темы оформления и управляет стилями Figma, настраивает иерархию в типографике и многое другое. Статья о плагине
![](https://awdee.ru/wp-content/uploads/2022/12/f7c809d8-fe83-44af-bc8c-3e2366fd776f-cover-1024x512.gif)
Superposition — помогает извлекать все параметры дизайна с веб-сайтов и использовать их в Figma. Можно быстро «сграбить» параметры типографики, цветов и отступов
![](https://awdee.ru/wp-content/uploads/2022/12/e776e66f-ccc4-475e-b760-b07b22592675-cover-2-1024x512.png)
Typography Styleguide — генерирует гайд по типографике из выбранных текстовых стилей
![](https://awdee.ru/wp-content/uploads/2022/12/0613e2f1-7ff7-4c7f-bda9-2d16ef8d0704-cover-1024x512.png)
Supa Palette — продвинутый менеджер палитр. Импорт палитр из различных дизайн-систем. Создание собственных на основе цвета или стиля и многое другое
![](https://awdee.ru/wp-content/uploads/2022/12/6abfa00a-b416-4058-be70-54d90d4b9c44-cover-1024x512.jpeg)
Color Styleguide — генерирует гайд по цветам из выбранных цветовых стилей
![](https://awdee.ru/wp-content/uploads/2022/12/d4ac4664-131f-45b0-9669-9f50fa044881-cover-1024x512.png)
Automate Color Styles — добавляет цвета в стили
![](https://awdee.ru/wp-content/uploads/2022/12/c53c7fb9-7064-4b88-a7bd-a9637fede332-cover-1024x512.png)
Сhroma colors — автоматически генерирует цветовые стили на основе выделенных цветов
![](https://awdee.ru/wp-content/uploads/2022/12/a0b0238e-6402-49b7-aaf0-d6212a260556-cover-1024x512.png)
Automatic Style Guides — генерирует гайдлайн из локальных стилей вашего макета
![](https://awdee.ru/wp-content/uploads/2022/12/642b2702-68d7-44cd-8cd1-969be70b74f7-cover-1024x512.jpeg)
Design System Organizer — упрощает работу со стилями и компонентами дизайн-системы
![](https://awdee.ru/wp-content/uploads/2022/12/3d72134e-079d-46e5-a217-78141b00e930-cover-1024x512.gif)
Style Organizer — мощная работа со стилями. Можно смотреть все стили в одном месте, редактировать их и объединять, быстро переходить к элементам с этими стилями
![](https://awdee.ru/wp-content/uploads/2022/12/e50bab95-9856-4f6a-b0ee-76fe1bf281b9-cover-1024x512.png)
Figma Tokens — позволяет определять и использовать токены непосредственно в Figma, включая умные названия для цветов, типографики, интервалов, радиусов и т.д.
![](https://awdee.ru/wp-content/uploads/2022/12/b16fbb4f-f9fb-4af8-928d-7ea54983cee3-cover-1024x512.png)
Batch Styler — помогает пакетно редактировать стили
![](https://awdee.ru/wp-content/uploads/2022/12/f6699066-b19d-4b6e-83cd-8136311ccd3d-cover-1024x512.png)
Similayer — расширяет возможности встроенной функции «Select all with»
![](https://awdee.ru/wp-content/uploads/2022/12/84bcd8f3-0d10-4759-bcdd-c0c5f2064801-cover-1024x512.png)
Instance Finder — находит все инстансы компонента и показывает отдельными списками для каждой страницы
![](https://awdee.ru/wp-content/uploads/2022/12/8ebee8c4-63f1-4b5b-9935-97ebb35df46c-cover-1024x512.png)
Master — позволяет создавать мастер-компонент из нескольких похожих элементов, связывать простые элементы с готовым мастер-компонетом, а также перемещать компоненты между документами и многое другое. Ознакомительное видео, Гайд по файлу
![](https://awdee.ru/wp-content/uploads/2022/12/b7d61862-c170-490c-9265-3e1e71796746-cover-1024x512.gif)
Maximum Override — сравнивает инстансы с мастер-компонентом и меняет их свойства
![](https://awdee.ru/wp-content/uploads/2022/12/d12150da-6960-456f-afde-434752012cd6-cover-1024x512.png)
Appearance — генерирует светлую или тёмную тему на основе выбранных цветов. Работает с внешними и локальными стилями
![](https://awdee.ru/wp-content/uploads/2022/12/72ba5d16-0fdc-4355-b618-a7c9e95c23eb-cover-1024x512.png)
Content Buddy — позволяет редактировать текстовый контент в нескольких слоях, экземплярах и компонентах. Будет полезен, когда нужно внести изменения в дизайн-систему
![](https://awdee.ru/wp-content/uploads/2022/12/c7c1b61f-1982-4be3-8fa4-0704e874b7e5-cover-1024x512.png)
Simple Sort — сортирует варианты по размеру, иконкам, цветам и другим параметрам
![](https://awdee.ru/wp-content/uploads/2022/12/e0f0740c-2571-45c6-9b2f-6792ae0970e2-cover-1024x512.png)
Roller — автоматически находит и исправляет несовпадения стилей с дизайн-системой
![](https://awdee.ru/wp-content/uploads/2022/12/795b8e75-b3f1-4803-8acd-83995e2bac3b-cover-1024x512.png)
Focus CSS — генерирует CSS для выбранных фреймов и страниц. Есть фильтрация по свойствам, которая помогает находить непоследовательности в стилях
![](https://awdee.ru/wp-content/uploads/2022/12/61d30d5f-2f43-41a5-b6b7-2a4b8fb4b1f6-cover-1024x512.png)
UI2: Figma’s Design System — дизайн-система Figma, оформленная внутри самой Figma
![](https://awdee.ru/wp-content/uploads/2022/12/222a9344-90ce-4b58-8dd6-1a5d370be077-cover-1024x512.png)
Больше плагинов:
12 Figma-плагинов для создания и управления дизайн-системами
Обсуждение
Похожее
Стыковка линеек и плашек
Зачем и как научиться печатать вслепую
Resizely — свежая штука для оптимизации и ресайза картинок