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>6 май 2022</li>
2
<ul><li>6 май 2022</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Как быстро загрузить на макет картинку из фотостока или иконку из Material Design.</p>
4
</ul><p>Как быстро загрузить на макет картинку из фотостока или иконку из Material Design.</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>Эту подборку мы сделали ещё в старом интерфейсе Figma. Но плагины из неё работают и поддерживаются разработчиками.</p>
9
<p>Эту подборку мы сделали ещё в старом интерфейсе Figma. Но плагины из неё работают и поддерживаются разработчиками.</p>
10
<p>Плагин автоматически генерирует гайдлайны по использованию цветов и шрифтов на основе стилей в вашем документе.</p>
10
<p>Плагин автоматически генерирует гайдлайны по использованию цветов и шрифтов на основе стилей в вашем документе.</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 и выберите Automatic Style Guides.</li>
13
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Automatic Style Guides.</li>
14
<li>В вашем документе появится новая страница - в ней будут все ваши стили и пояснения по их использованию.</li>
14
<li>В вашем документе появится новая страница - в ней будут все ваши стили и пояснения по их использованию.</li>
15
</ul><p>Создаёт экран с "недогрузившимся" контентом на основе вашего макета. Такой макет поможет разработчикам понять, что должен видеть пользователь, если у него очень медленный интернет.</p>
15
</ul><p>Создаёт экран с "недогрузившимся" контентом на основе вашего макета. Такой макет поможет разработчикам понять, что должен видеть пользователь, если у него очень медленный интернет.</p>
16
<p><strong>Как пользоваться</strong></p>
16
<p><strong>Как пользоваться</strong></p>
17
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
17
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
18
<li>Зайдите в Figma, нажмите правой кнопкой мыши на любой фрейм, в выпадающем меню перейдите в пункт Plugins и выберите Ghost.</li>
18
<li>Зайдите в Figma, нажмите правой кнопкой мыши на любой фрейм, в выпадающем меню перейдите в пункт Plugins и выберите Ghost.</li>
19
<li>В появившемся окне укажите нужный стиль "недогрузившегося" экрана.</li>
19
<li>В появившемся окне укажите нужный стиль "недогрузившегося" экрана.</li>
20
</ul><p>Полный набор иконок из дизайн-системы Material Design. Каждую из них можно изменить: добавить заливку, поменять размер и толщину обводки.</p>
20
</ul><p>Полный набор иконок из дизайн-системы Material Design. Каждую из них можно изменить: добавить заливку, поменять размер и толщину обводки.</p>
21
<p><strong>Как пользоваться</strong></p>
21
<p><strong>Как пользоваться</strong></p>
22
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
22
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
23
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Material Symbols.</li>
23
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Material Symbols.</li>
24
<li>В появившемся окне выберите нужную иконку, укажите необходимые параметры - иконка автоматически появится на макете.</li>
24
<li>В появившемся окне выберите нужную иконку, укажите необходимые параметры - иконка автоматически появится на макете.</li>
25
</ul><p>Набор фотографий из бесплатных фотостоков. Пользователь может выбрать конкретный снимок или нажать на одну из категорий и получить случайную. Если нажать на User Profile, на макете появится случайный портрет человека, сгенерированного с помощью нейросети.</p>
25
</ul><p>Набор фотографий из бесплатных фотостоков. Пользователь может выбрать конкретный снимок или нажать на одну из категорий и получить случайную. Если нажать на User Profile, на макете появится случайный портрет человека, сгенерированного с помощью нейросети.</p>
26
<p><strong>Как пользоваться</strong></p>
26
<p><strong>Как пользоваться</strong></p>
27
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
27
<ul><li>Скачайте плагин<a>по ссылке</a>.</li>
28
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Photos.</li>
28
<li>Зайдите в Figma, нажмите правой кнопкой мыши на макет, в выпадающем меню перейдите в пункт Plugins и выберите Photos.</li>
29
<li>В появившемся окне выберите нужную фотографию или нажмите на любую категорию, чтобы плагин выдал вам случайную картинку.</li>
29
<li>В появившемся окне выберите нужную фотографию или нажмите на любую категорию, чтобы плагин выдал вам случайную картинку.</li>
30
</ul><a>Практический курс: "Figma с нуля до PRO" Узнать о курсе</a>
30
</ul><a>Практический курс: "Figma с нуля до PRO" Узнать о курсе</a>