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>24 май 2022</li>
2
<ul><li>24 май 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>9 мая разработчики Figma<a>добавили</a>в графический редактор новые функции, которые облегчают работу дизайнеров и упрощают интерфейс внутри программы.</p>
7
<p>9 мая разработчики Figma<a>добавили</a>в графический редактор новые функции, которые облегчают работу дизайнеров и упрощают интерфейс внутри программы.</p>
8
<p>Рассказываем, какие функции в Figma вам нужно изучить прямо сейчас, чтобы не отставать от конкурентов.</p>
8
<p>Рассказываем, какие функции в Figma вам нужно изучить прямо сейчас, чтобы не отставать от конкурентов.</p>
9
<p>Теперь<a>Auto Layout</a>позволяет устанавливать отрицательные значения в графе с отступами. Благодаря этому вы можете заставить объекты внутри модуля лежать друг на друге. В настройках свойств также можно указать, в каком именно порядке должны накладываться объекты.</p>
9
<p>Теперь<a>Auto Layout</a>позволяет устанавливать отрицательные значения в графе с отступами. Благодаря этому вы можете заставить объекты внутри модуля лежать друг на друге. В настройках свойств также можно указать, в каком именно порядке должны накладываться объекты.</p>
10
<p>Все элементы внутри макета теперь можно выровнять по базовой линии текста.</p>
10
<p>Все элементы внутри макета теперь можно выровнять по базовой линии текста.</p>
11
<p>Также вы можете указать, будет ли Auto Layout учитывать обводку объектов внутри сетки.</p>
11
<p>Также вы можете указать, будет ли Auto Layout учитывать обводку объектов внутри сетки.</p>
12
<p>Внутри Auto Layout появилось абсолютное позиционирование. Если его активировать для любого объекта, он будет игнорировать все настройки разметки.</p>
12
<p>Внутри Auto Layout появилось абсолютное позиционирование. Если его активировать для любого объекта, он будет игнорировать все настройки разметки.</p>
13
<p>В настройках<a>компонентов</a>добавили три быстрых свойства, которые сильно упрощают разработку различных состояний элементов интерфейса.</p>
13
<p>В настройках<a>компонентов</a>добавили три быстрых свойства, которые сильно упрощают разработку различных состояний элементов интерфейса.</p>
14
<p><strong>Binary</strong> - принимает значение "да" или "нет", в интерфейсе выглядит как переключатель. С помощью него можно указать, будет ли виден какой-либо объект в вашем макете.</p>
14
<p><strong>Binary</strong> - принимает значение "да" или "нет", в интерфейсе выглядит как переключатель. С помощью него можно указать, будет ли виден какой-либо объект в вашем макете.</p>
15
<p><strong>Text</strong> - позволяет записывать текст в свойство компонента. Поменять его можно в любой момент.</p>
15
<p><strong>Text</strong> - позволяет записывать текст в свойство компонента. Поменять его можно в любой момент.</p>
16
<p><strong>Instance swap</strong> - позволяет менять один компонент на другой. Так, например, можно менять иконки в одинаковых элементах.</p>
16
<p><strong>Instance swap</strong> - позволяет менять один компонент на другой. Так, например, можно менять иконки в одинаковых элементах.</p>
17
<p>Эти три нововведения позволяют заменить огромный комбайн с компонентами на компактный - из двух-трёх элементов. Благодаря этому вы можете сделать за две минуты кнопку с тремя состояниями и бесконечным количеством заменяемых иконок.</p>
17
<p>Эти три нововведения позволяют заменить огромный комбайн с компонентами на компактный - из двух-трёх элементов. Благодаря этому вы можете сделать за две минуты кнопку с тремя состояниями и бесконечным количеством заменяемых иконок.</p>
18
<p>В старой версии Figma приходилось делать отдельное состояние для каждого вида иконки.</p>
18
<p>В старой версии Figma приходилось делать отдельное состояние для каждого вида иконки.</p>
19
<p>Теперь Figma поддерживает все настройки вариативных<a>шрифтов</a>. Например, в Recursive можно изменить начертание, вес, моноширинность, курсив и интенсивность скруглений.</p>
19
<p>Теперь Figma поддерживает все настройки вариативных<a>шрифтов</a>. Например, в Recursive можно изменить начертание, вес, моноширинность, курсив и интенсивность скруглений.</p>
20
<p>Это работает только с теми шрифтами, где разработчики заранее предусмотрели вариативность. Список из бесплатных шрифтов с этой функцией есть на сайте<a>Google Fonts</a>. Имейте в виду, что далеко не каждый из них поддерживает кириллицу.</p>
20
<p>Это работает только с теми шрифтами, где разработчики заранее предусмотрели вариативность. Список из бесплатных шрифтов с этой функцией есть на сайте<a>Google Fonts</a>. Имейте в виду, что далеко не каждый из них поддерживает кириллицу.</p>
21
<p>Появился новый пресет для умной<a>анимации</a> - Custom spring. Он позволяет настроить микроанимацию с эффектом пружины с помощью кривой Безье.</p>
21
<p>Появился новый пресет для умной<a>анимации</a> - Custom spring. Он позволяет настроить микроанимацию с эффектом пружины с помощью кривой Безье.</p>
22
<p>Наконец появилась функция Border, в которой каждую границу можно настроить отдельно. Чтобы сделать то же самое, в старых версиях приходилось использовать хак с плотной тенью.</p>
22
<p>Наконец появилась функция Border, в которой каждую границу можно настроить отдельно. Чтобы сделать то же самое, в старых версиях приходилось использовать хак с плотной тенью.</p>
23
<p>У текстовых слоёв появилась новая опция в настройках контейнера. Теперь тот текст, который не влезает в видимую часть, можно скрыть за многоточием. Благодаря этому дизайнерам будет проще ответить на вопрос разработчиков "А что будет, если из базы данных прилетит слишком много текста" :-)</p>
23
<p>У текстовых слоёв появилась новая опция в настройках контейнера. Теперь тот текст, который не влезает в видимую часть, можно скрыть за многоточием. Благодаря этому дизайнерам будет проще ответить на вопрос разработчиков "А что будет, если из базы данных прилетит слишком много текста" :-)</p>
24
<p>Также в Figma появилась тёмная тема. Чтобы её включить, перейдите в меню Preferences → Theme. Пользователь может установить светлую или тёмную тему или синхронизовать цвет Figma с цветом системы.</p>
24
<p>Также в Figma появилась тёмная тема. Чтобы её включить, перейдите в меню Preferences → Theme. Пользователь может установить светлую или тёмную тему или синхронизовать цвет Figma с цветом системы.</p>
25
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>
25
<a>Научитесь: Figma с нуля до PRO Узнать больше</a>