Рейтинг в Figma: Управление компонентами

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

Инструмент "Неиспользуемые компоненты" помогает разработчикам выявлять и удалять компоненты, которые не используются в проекте. Это упрощает код, улучшает производительность и облегчает поддержку проекта. Устранение ненужного кода также снижает вероятность возникновения ошибок и упрощает рефакторинг. Своевременное обнаружение и удаление неиспользуемых компонентов способствует поддержанию чистоты и оптимизации кодовой базы.

Selection Variants позволяет просматривать и контролировать все вложенные варианты и свойства компонентов в выделенном элементе. Переключайтесь между вариантами, не тратя время на поиск вложенных экземпляров. Упрощайте сложные дизайн-системы, создавая вложенные варианты, или используйте инструмент для массового переключения вариантов, выбирая несколько объектов – это особенно полезно при работе со списками и таблицами.

Safely Delete Components позволяет безопасно удалять компоненты в Figma. Он предлагает два основных действия: "Safe Delete" удаляет выбранный компонент только если его нет в макете, предотвращая случайное удаление используемых элементов. "Delete Unused Components" автоматически находит и удаляет все неиспользуемые компоненты, очищая документ от ненужного мусора. Это помогает поддерживать порядок в файле и избежать случайной поломки макета, но может занять время на больших документах.

Components Flyout Menu позволяет просматривать и добавлять локальные и командные компоненты через удобное выпадающее меню, подобно Sketch. Это упрощает рабочий процесс, сокращая количество кликов благодаря разворачивающимся подменю при наведении. Можно добавлять и обновлять командные библиотеки, а также настраивать размер окна плагина для удобства работы. Учитывайте, что при большом количестве локальных компонентов первоначальная загрузка может занять время.

Select all instances – это плагин для Figma, который помогает управлять экземплярами компонентов, находить основные компоненты и редактировать их. Он позволяет гибко выбирать экземпляры, фильтровать их по различным параметрам (видимость, актуальность, локальные/удаленные компоненты, наличие/отсутствие компонентов) и применять к ним действия (например, отсоединение). Плагин особенно полезен для работы с большими библиотеками компонентов, позволяя быстро находить нужные экземпляры и избегать редактирования вложенных экземпляров, чтобы изменения наследовались корректно.

Bunch description change - это инструмент для одновременного изменения описаний нескольких компонентов, стилей или переменных в Figma, включая ссылки на документацию. Он позволяет находить и заменять текст (в том числе с использованием регулярных выражений), добавлять инкрементируемые числа, использовать текущее описание или имя слоя. Инструмент имеет удобный предварительный просмотр, чтобы увидеть, как будут выглядеть описания перед внесением изменений, что позволяет быстро и эффективно обновлять информацию о множестве элементов дизайна.

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

Плагин Navigate Multiple Siblings позволяет удобно перемещаться между однотипными экземплярами компонентов. Выберите несколько одинаковых экземпляров, войдите в один из них (нажав Enter) и используйте плагин для навигации по остальным, как по соседним элементам. Это особенно полезно при работе с множеством одинаковых элементов дизайна, облегчая их редактирование и поддержание единообразия.

Этот плагин позволяет быстро отсоединить все экземпляры компонентов от мастер-компонентов в выбранных слоях, включая все дочерние и внучатые элементы. Это полезно, когда нужно отредактировать экземпляр, не затрагивая другие экземпляры этого компонента. Плагин выполняет ту же функцию, что и многократное использование команды "Detach Instance" в Figma, но автоматизирует процесс для всех экземпляров внутри выбранных объектов. Он не работает с самими компонентами, а только с их экземплярами.

Плагин Reset Layer Name позволяет быстро и легко сбросить имена выбранных слоев в Figma к значениям по умолчанию. Он полезен для очистки и стандартизации структуры вашего файла, особенно при работе с большим количеством слоев, компонентами и экземплярами. Плагин автоматически определяет тип элемента и сбрасывает его имя соответствующим образом: для экземпляров устанавливается имя главного компонента, а для остальных элементов имя сбрасывается до пустого значения. Это помогает поддерживать чистоту и порядок в ваших проектах.

Icon Library Manager позволяет импортировать SVG иконки с компьютера и создавать из них аккуратно организованную библиотеку компонентов для публикации в команде. Плагин помогает поддерживать актуальность библиотеки иконок, показывая новые и измененные иконки при обновлении. Это экономит время, предотвращает путаницу и повышает согласованность дизайна.

Component Description Manager позволяет централизованно управлять описаниями всех компонентов и их вариантов в Figma. Он упрощает добавление и редактирование полезных подсказок, заметок для разработчиков и тегов, что необходимо для эффективной работы дизайнеров и разработчиков. Плагин предоставляет удобный интерфейс для просмотра и изменения описаний, а также функции группировки по страницам, навигации по компонентам и автоматического выделения компонентов при редактировании описания. Это позволяет легко и быстро поддерживать актуальную документацию библиотеки компонентов.

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

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

Design Doctor – это виджет Figma, анализирующий использование компонентов в вашем макете. Он создает фрейм со списком всех компонентов, используемых на странице, выделяя как локальные, так и компоненты из дизайн-системы. Цель виджета – предоставить дизайнеру информацию о степени использования компонентов из дизайн-системы, помогая уменьшить количество локальных компонентов и повысить консистентность дизайна. Это информативный инструмент, предоставляющий данные для улучшения качества макетов.

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

Плагин Figma "Find all Master Components" – это полезный инструмент для дизайнеров, позволяющий быстро находить все мастер-компоненты на текущей странице. Одним щелчком мыши плагин сканирует страницу и выделяет все мастер-компоненты, упрощая управление вашей дизайн-системой и ее обновление. Независимо от того, работаете ли вы над крупным проектом с множеством элементов дизайна или просто хотите оптимизировать рабочий процесс, этот плагин станет незаменимым инструментом для повышения эффективности и организации работы в Figma.