1 added
1 removed
Original
2026-01-01
Modified
2026-02-21
1
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
1
<p>Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.</p>
2
<p>Figma - важный инструмент для дизайнеров, который позволяет быстро спроектировать интерфейс, сайт и мобильное приложение. Работодатели в требованиях к кандидату часто указывают этот графический редактор - поэтому его важно освоить.</p>
2
<p>Figma - важный инструмент для дизайнеров, который позволяет быстро спроектировать интерфейс, сайт и мобильное приложение. Работодатели в требованиях к кандидату часто указывают этот графический редактор - поэтому его важно освоить.</p>
3
<p>В нашем спецпроекте - всё, что вам нужно знать о Figma.</p>
3
<p>В нашем спецпроекте - всё, что вам нужно знать о Figma.</p>
4
<p>9 марта Figma<a>отменила подписки</a>для пользователей из России. На момент публикации бесплатная версия графического редактора работает.</p>
4
<p>9 марта Figma<a>отменила подписки</a>для пользователей из России. На момент публикации бесплатная версия графического редактора работает.</p>
5
<p>Если вы ещё не пробовали работать в Figma, начните изучать её с базовых функций. Эти инструкции помогут быстрее разобраться в интерфейсе программы и начать верстать простые макеты.</p>
5
<p>Если вы ещё не пробовали работать в Figma, начните изучать её с базовых функций. Эти инструкции помогут быстрее разобраться в интерфейсе программы и начать верстать простые макеты.</p>
6
<p>Рассказываем о базовых эффектах и показываем, как за две минуты сделать "матовое стекло".</p>
6
<p>Рассказываем о базовых эффектах и показываем, как за две минуты сделать "матовое стекло".</p>
7
<p>Как добавить изображение на макет и отредактировать его без Photoshop.</p>
7
<p>Как добавить изображение на макет и отредактировать его без Photoshop.</p>
8
<p>Как работать с изображениями</p>
8
<p>Как работать с изображениями</p>
9
<p>Зачем нужно и как пользоваться</p>
9
<p>Зачем нужно и как пользоваться</p>
10
<p>Как настроить и использовать</p>
10
<p>Как настроить и использовать</p>
11
<p>В чём преимущества Figma перед другими редакторами и почему ей стоит пользоваться.</p>
11
<p>В чём преимущества Figma перед другими редакторами и почему ей стоит пользоваться.</p>
12
<p>Что такое Figma: возможности и принципы работы</p>
12
<p>Что такое Figma: возможности и принципы работы</p>
13
<p>Рисуем мяч для регби, хитрим с наложением слоёв и избегаем "мятых" линий.</p>
13
<p>Рисуем мяч для регби, хитрим с наложением слоёв и избегаем "мятых" линий.</p>
14
<p>Как рисовать векторные изображения</p>
14
<p>Как рисовать векторные изображения</p>
15
<p>Рассказываем, как её настроить и использовать сразу в нескольких макетах.</p>
15
<p>Рассказываем, как её настроить и использовать сразу в нескольких макетах.</p>
16
<p>Как работать с модульной сеткой</p>
16
<p>Как работать с модульной сеткой</p>
17
<p>Figma любят не только за то, что в ней удобно двигать пиксели влево и вправо. С помощью продвинутых функций дизайнеры могут быстро нарисовать тёмную тему для интерфейса, картинку с эффектом голограммы и сделать так, чтобы все элементы автоматически подстраивались под ширину макета.</p>
17
<p>Figma любят не только за то, что в ней удобно двигать пиксели влево и вправо. С помощью продвинутых функций дизайнеры могут быстро нарисовать тёмную тему для интерфейса, картинку с эффектом голограммы и сделать так, чтобы все элементы автоматически подстраивались под ширину макета.</p>
18
<p>Глитч, голограмма и неоновое свечение.</p>
18
<p>Глитч, голограмма и неоновое свечение.</p>
19
<p>Зачем они нужны и как их рисовать.</p>
19
<p>Зачем они нужны и как их рисовать.</p>
20
<p>Рассказываем, что это за функция и как с помощью неё можно аккуратно и быстро сверстать кнопку, модуль и страницу.</p>
20
<p>Рассказываем, что это за функция и как с помощью неё можно аккуратно и быстро сверстать кнопку, модуль и страницу.</p>
21
<p>Варианты элементов интерфейса</p>
21
<p>Варианты элементов интерфейса</p>
22
-
<p>Каждый раз делать разные состояния одной и той же кнопки - долго. Варианты в Figma помогут избежать этой нудной работы.</p>
22
+
<p>Каждый раз делать разн��е состояния одной и той же кнопки - долго. Варианты в Figma помогут избежать этой нудной работы.</p>
23
<p>Пошаговая инструкция, которая поможет грамотно поменять цвета в интерфейсе.</p>
23
<p>Пошаговая инструкция, которая поможет грамотно поменять цвета в интерфейсе.</p>
24
<p>Заранее отловить ошибки в сценариях использования своего приложения - довольно сложно. Прототип решает эту проблему, а в Figma собрать его очень просто даже без программистов.</p>
24
<p>Заранее отловить ошибки в сценариях использования своего приложения - довольно сложно. Прототип решает эту проблему, а в Figma собрать его очень просто даже без программистов.</p>
25
<p>Как сделать красивые переходы в макете приложения.</p>
25
<p>Как сделать красивые переходы в макете приложения.</p>
26
<p>Кнопки, прокрутка и поп-апы</p>
26
<p>Кнопки, прокрутка и поп-апы</p>
27
<p>Как сделать прототип интерфейса в Figma, чтобы показать его клиенту.</p>
27
<p>Как сделать прототип интерфейса в Figma, чтобы показать его клиенту.</p>
28
<p>Как самостоятельно проверить макет прямо в телефоне, не привлекая к этому программистов.</p>
28
<p>Как самостоятельно проверить макет прямо в телефоне, не привлекая к этому программистов.</p>
29
<p>Как превратить свой макет в сайт и адаптировать его сразу под все устройства.</p>
29
<p>Как превратить свой макет в сайт и адаптировать его сразу под все устройства.</p>
30
<p>Создаём рабочий чекбокс, радиокнопку и всплывающее меню с умной анимацией.</p>
30
<p>Создаём рабочий чекбокс, радиокнопку и всплывающее меню с умной анимацией.</p>
31
31