0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Руководства</a></p>
1
<p><a>#Руководства</a></p>
2
<ul><li>28 янв 2022</li>
2
<ul><li>28 янв 2022</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Как быстро удалить лишние слои, упорядочить макеты и переименовать все фреймы.</p>
4
</ul><p>Как быстро удалить лишние слои, упорядочить макеты и переименовать все фреймы.</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
7
<p>Обычно, когда дизайнеры заканчивают работать над макетом, в файле Figma остаётся много мусора: неиспользуемые стили, группы из одной картинки, ненужные и черновые макеты. Передавать такое разработчику или клиенту - нельзя, сначала нужно потратить время и всё почистить. Упростить эту работу вам помогут плагины, которые расширяют функционал графического редактора.</p>
7
<p>Обычно, когда дизайнеры заканчивают работать над макетом, в файле Figma остаётся много мусора: неиспользуемые стили, группы из одной картинки, ненужные и черновые макеты. Передавать такое разработчику или клиенту - нельзя, сначала нужно потратить время и всё почистить. Упростить эту работу вам помогут плагины, которые расширяют функционал графического редактора.</p>
8
<p>Рассказываем, какие плагины для Figma помогут вам сделать собственные иллюстрации.</p>
8
<p>Рассказываем, какие плагины для Figma помогут вам сделать собственные иллюстрации.</p>
9
<p>Во время работы у вас могут остаться неиспользуемые стили шрифтов или цветов. Если вы делали только два макета, то удалить лишнее можно руками и довольно быстро. А если у вас несколько цветовых тем и 20 макетов, то вместе с ненужными стилями можно удалить и основные.</p>
9
<p>Во время работы у вас могут остаться неиспользуемые стили шрифтов или цветов. Если вы делали только два макета, то удалить лишнее можно руками и довольно быстро. А если у вас несколько цветовых тем и 20 макетов, то вместе с ненужными стилями можно удалить и основные.</p>
10
<p>Эту проблему решает Unused Styles Remover - он анализирует весь документ и за вас удаляет те сохранённые стили, которые вы нигде не использовали.</p>
10
<p>Эту проблему решает Unused Styles Remover - он анализирует весь документ и за вас удаляет те сохранённые стили, которые вы нигде не использовали.</p>
11
<p><strong>Как пользоваться</strong></p>
11
<p><strong>Как пользоваться</strong></p>
12
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
12
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
13
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Unused Styles Remover.</li>
13
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Unused Styles Remover.</li>
14
<li>В появившемся меню укажите, что именно вы хотите удалить - шрифты, цвета, эффекты или сетки.</li>
14
<li>В появившемся меню укажите, что именно вы хотите удалить - шрифты, цвета, эффекты или сетки.</li>
15
<li>Нажмите кнопку Remove.</li>
15
<li>Нажмите кнопку Remove.</li>
16
</ul><p>Работа с документом превращается в ад, когда слои в нём никак не сортированы: группы из одного объекта, скрытые и ненужные макеты, плохая сортировка. Всё это поможет почистить плагин Clean Document.</p>
16
</ul><p>Работа с документом превращается в ад, когда слои в нём никак не сортированы: группы из одного объекта, скрытые и ненужные макеты, плохая сортировка. Всё это поможет почистить плагин Clean Document.</p>
17
<p><strong>Как пользоваться</strong></p>
17
<p><strong>Как пользоваться</strong></p>
18
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
18
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
19
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Clean Document и затем Clean Layers.</li>
19
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Clean Document и затем Clean Layers.</li>
20
<li>В появившемся меню укажите, что именно нужно сделать с документом: удалить скрытые слои, разгруппировать, упорядочить.</li>
20
<li>В появившемся меню укажите, что именно нужно сделать с документом: удалить скрытые слои, разгруппировать, упорядочить.</li>
21
<li>Нажмите кнопку Clean Layers.</li>
21
<li>Нажмите кнопку Clean Layers.</li>
22
</ul><p>Этот плагин помогает быстро сортировать объекты на панели слоёв в том порядке, в котором они расположены на макете. Sort Layers полезен, если вы собираетесь показать клиенту файл в Figma как презентацию, - всё встанет на свои места, и вам не придётся долго искать нужное.</p>
22
</ul><p>Этот плагин помогает быстро сортировать объекты на панели слоёв в том порядке, в котором они расположены на макете. Sort Layers полезен, если вы собираетесь показать клиенту файл в Figma как презентацию, - всё встанет на свои места, и вам не придётся долго искать нужное.</p>
23
<p><strong>Как пользоваться</strong></p>
23
<p><strong>Как пользоваться</strong></p>
24
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
24
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
25
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Sort Layers.</li>
25
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Sort Layers.</li>
26
<li>В выпадающем меню укажите, по какому принципу вы хотите сортировать слои: по имени или расположению на холсте.</li>
26
<li>В выпадающем меню укажите, по какому принципу вы хотите сортировать слои: по имени или расположению на холсте.</li>
27
</ul><p>В Figma есть системная утилита, которая помогает массово переименовывать объекты, но функций в ней не очень много. Плагин Rename It решает эту проблему - с помощью него вы сможете вынести в название не только порядковый номер слоя, но и его цвет, обводку и используемый шрифт.</p>
27
</ul><p>В Figma есть системная утилита, которая помогает массово переименовывать объекты, но функций в ней не очень много. Плагин Rename It решает эту проблему - с помощью него вы сможете вынести в название не только порядковый номер слоя, но и его цвет, обводку и используемый шрифт.</p>
28
<p><strong>Как пользоваться</strong></p>
28
<p><strong>Как пользоваться</strong></p>
29
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
29
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
30
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Rename It.</li>
30
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Rename It.</li>
31
<li>В пункте Rename Selected Layers можно переименовать выбранные объекты. В пункте Find & Replace - найти конкретный объект по имени и переименовать его.</li>
31
<li>В пункте Rename Selected Layers можно переименовать выбранные объекты. В пункте Find & Replace - найти конкретный объект по имени и переименовать его.</li>
32
<li>Нажмите кнопку Rename.</li>
32
<li>Нажмите кнопку Rename.</li>
33
</ul><p>Помогает организовать варианты элементов интерфейса, чтобы каждый из них занимал своё место в иерархии. Чтобы он сработал правильно, все слои должны называться по следующей системе: "Название элемента / Значение первого свойства / Значение второго свойства / … / Значение десятого свойства".</p>
33
</ul><p>Помогает организовать варианты элементов интерфейса, чтобы каждый из них занимал своё место в иерархии. Чтобы он сработал правильно, все слои должны называться по следующей системе: "Название элемента / Значение первого свойства / Значение второго свойства / … / Значение десятого свойства".</p>
34
<p>Если вы не знаете, что такое варианты элементов интерфейса в Figma, советуем прочитать нашу предыдущую инструкцию: "<a>Как делать варианты элементов интерфейса в Figma</a>".</p>
34
<p>Если вы не знаете, что такое варианты элементов интерфейса в Figma, советуем прочитать нашу предыдущую инструкцию: "<a>Как делать варианты элементов интерфейса в Figma</a>".</p>
35
<p><strong>Как пользоваться</strong></p>
35
<p><strong>Как пользоваться</strong></p>
36
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
36
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
37
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Organize Layers.</li>
37
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins, выберите Organize Layers.</li>
38
<li>В появившемся меню укажите, как именно будут группироваться объекты и какие между ними должны быть отступы.</li>
38
<li>В появившемся меню укажите, как именно будут группироваться объекты и какие между ними должны быть отступы.</li>
39
<li>Нажмите кнопку Organize Layers.</li>
39
<li>Нажмите кнопку Organize Layers.</li>
40
</ul><p><a>Самоучитель по Figma</a></p>
40
</ul><p><a>Самоучитель по Figma</a></p>
41
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
41
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
42
<a>Практический курс: "Figma с нуля до PRO" Узнать о курсе</a>
42
<a>Практический курс: "Figma с нуля до PRO" Узнать о курсе</a>