Плагин MirrorMult — адаптируемая симметрия в Figma всего за несколько кликов.
Как это работает:
Чтобы сделать симметрию адаптируемой и все такое, я использовал некоторые приемы, которые, вероятно, сделают многих дизайнеров пользовательского интерфейса в Figma весьма недовольными, но, по крайней мере, графические дизайнеры будут счастливы! Чтобы получить адаптируемую симметрию, я использовал функцию компонентов Figma.
Компоненты — это связанные копии объектов, поэтому при изменении исходного объекта это изменение зеркально отражается (каламбур не уместен) на его связанных копиях. Я использовал это в своих интересах, так что все, что мне нужно было сделать, это поместить компонент в нужное место, а в случае вращательной симметрии просто повернуть его на определенный шаг в зависимости от того, где он находится в окружности. Все просто! *(за вычетом математики и концепций графического программирования, которые мне пришлось изучать для этого проекта)*.
Как использовать:
- Перед запуском плагина выделите все объекты, которые вы хотите симметрировать;
- Для получения осевой симметрии (горизонтальной и вертикальной) выберите пункт MirrorMult, а для получения вращательной симметрии перейдите на вкладку RotSymm;
- Далее все должно быть интуитивно понятно. Выберите оси для зеркального отображения или измените количество копий для вращательной симметрии;
- Что касается начала симметрии, то у вас есть два варианта:
a. Выбрать другой объект, центр которого будет выступать в качестве начала координат. Название объекта появится слева внизу.
b. Установите флажок «Использовать пустой объект», который создает курсор, подобный 3D-курсору Blender, что значительно облегчает наблюдение за центральными точками и их положением.
- После того как все готово, нажмите кнопку внизу, и вы получите симметричную графику!
Известные проблемы:
- Не работает на объектах-компонентах, так как вся функциональность адаптивной симметрии основана на использовании компонентов;
- Если у зеркально отображаемых объектов не один и тот же родитель, то возможны проблемы;
- Аналогично, при использовании объекта-курсора он должен иметь того же родителя, что и все зеркалируемые объекты, иначе возникнут проблемы.