![](https://habrastorage.org/getpro/habr/upload_files/370/221/9d6/3702219d6d3e2b754ec5e8d778c52d3f.png)
Сегодня Фигма выкатила отличную фичу, которая упрощает в разы построение макетов для адаптации под устройства, переиспользование компонентов, и в работе в целом.
Файл с примерами: тут (локализованный файл тут)
Мануал: тут
Статья в блоге Фигмы тут
Поле с Auto Layout теперь выглядит так:
![](https://habrastorage.org/getpro/habr/upload_files/b5a/9e8/0e1/b5a9e80e1f322abe76c1f96661a19444.png)
Теперь с легкостью можно настраивать разное поведение вложенных компонентов, а также разные отступы в компонентах, сделать их можно с помощью новых настроек:
![](https://habrastorage.org/getpro/habr/upload_files/786/c25/7ee/786c257ee9bd89a1b1e03dd1553a28c2.png)
На скрине ниже видно, что отступы настроены по-разному, и это позволяет нам избежать костыльных методов настройки Auto Layout с пустыми фреймами для доп отступов. Теперь это гибко настраивается за пару кликов.
![](https://habrastorage.org/getpro/habr/upload_files/35f/4ee/327/35f4ee327c3e0c382bc4c7970f2535c0.png)
Новые настройки по ресайзам компонентов:
![](https://habrastorage.org/getpro/habr/upload_files/555/c44/f7c/555c44f7cedbfbc5cc64f3001a808711.png)
![Источник: https://figma.zoom.us/webinar/register/WN_XnLmGvmIT9uo7tbSTGFWJw Источник: https://figma.zoom.us/webinar/register/WN_XnLmGvmIT9uo7tbSTGFWJw](https://habrastorage.org/getpro/habr/upload_files/28c/71f/865/28c71f8658f4a95bdf86384cff2a6a37.png)
Запись
vertus
Уже целый день сижу над старыми макетами, применяю новые возможности, разбираюсь в новой логике. Оч круто. Но и стало сложнее разбираться в значениях настроек. В этот раз они немного недоработали, не интуитивно.
Feedlike Автор
Да настройки немного получились сложноватые. Но время пройдет и все всё изучат.))))))))