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

Мы уже публиковали Figma-плагины для создания дизайн-систем и работы с ними. А теперь выбрали ещё 12 плагинов, с помощью которых можно легко управлять дизайн-системами
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

Foundation: Color Generator — создаёт цветовые палитры на основе дизайн-систем Material, Atlassian, Orbit и Ant Design.

Foundation: Color Generator

Design Lint — анализирует макет на предмет недостающих стилей.

Design Lint

Batch Create Component — позволяет разом создавать несколько компонентов.

Batch Create Component

Instance Finder — находит все инстансы компонента и показывает отдельными списками для каждой страницы.

Instance Finder

Color Kitchen — создаёт гайды для работы с цветами и цветовыми стилями прямо на рабочей области.

Color Kitchen

Dark Vader Beta — позволяет автоматически настроить светлую, тёмную и другие темы.

Dark Vader Beta

Component Inspector — показывает свойства компонентов так, как если бы они были описаны в коде. Поддерживает генерацию кода на React, Angular, HTML, Vue и JSON.

Component Inspector

Design System Tool — автоматизирует создание дизайн-системы.

Design System Tool

DS-Templater — позволяет оформить дизайн-систему и сделать информативные руководства по стилю.

DS-Templater

Component Master Manager — позволяет перемещать мастер-компоненты и их экземпляры с различных страниц дизайна на одну страницу, что упорядочивает файлы и облегчает доступ к нужным компонентам, когда они вам понадобятся.

Component Master Manager

Permute — генерирует выборочные или все возможные состояния интерфейса, основываясь на цветовых палитрах и вариантах. Также можно использовать для генерации NFT-коллекций

Permute

Blocksfabrik — Design System — позволяет создавать полностью настраиваемые дизайн-системы без необходимости написания кода. Автоматически генерирует код компонента, дизайн-токены и документацию.

Blocksfabrik — Design System
Поделиться
Отправить
Запинить

Обсуждение