Auto Layout в Figma: как применять в реальных дизайн макетах (+ практическое руководство на русском)

Как применять Auto Layout Фигмы на практике — личный опыт, примеры, фишки и интерактивное практическое руководство по Auto Layout на русском языке для всех желающих в подарок!

🔹 Добавляй в друзья в фб и вк:

🔹Мой Behance:

***



Уроки Figma, Auto Layout, дизайн в Фигме, UI дизайн, Smart Animate

[Life-in]

спустя столько времени, оно до сих пор актуально!

[UXShain]

Очень нравится подача материала, доходчиво очень.
Позитивный ты чувак))
Спасибо

[annancyro]

Очень очень очень полезное видео! Несмотря на то, что сейчас эта функция разрослась и стала чуть сложнее, это видео помогает понять общий принцип автолейаута. Как это применять именно на практике. Спасибо огромное!

[naunettt]

Очень хотелось бы ознакомиться с руководством, но отправка сообщений в инсте ограничена, можно ли его получить альтернативным образом?
Спасибо за курс UX/UI. Это потрясающе.

[olgasumarokova]

Тони, спасибо! Здорово! Мне подходит стиль объяснения.

[Johnsson]

20:00 Объединить в один фрейм в Win — Ctrl +Alt +G. Не сказал, а важно! :)

[fundmoneyYevhen-Korunskyi]

Тони, спасибо за ценный контент как всегда*круто что понятно рассказываешь о новинках)как тебе идея рассказать о новых трендах в дизайне?) было бы интересно послушать.

[Ямогу-жю]

Очень подробно и понятно. Благодарю за урок) жду презентацию

[taisiaushanova]

Как всегда полезно, актуально, лаконично, бесподобная подача. Тони, огромное спасибо! бегу в инсту к вам за файликом)

[kirillromer]

Привет, а подскажи название плагина для Lorem

[СуренСаркисян-жб]

Спасибо )), про констрейты уже писали -, а в целом хорошая штука. Смарт Анимейт круто )))

[линакондратьева-ео]

Здравствуйте, чем auto layout отличается от constraints?

[Dzvin_live]

Тони, привет! Крутой туториал) А подскажи, почему у меня при выборе нескольких фреймов и добавлении к ним auto layout они все разъезжаются в разные стороны?

[СуренСаркисян-жб]

НО ПОЧЕМУ ТО ПРИ Авто Лейоуте основного фрейма размер экрана 1920 не сохраняется ) как сделать? фрейм во фрейме потом наложить на фрейм 1920 ?

[Deadstar]

Тони, поделись своими любимыми шрифтами)) например как в этом видео, что за шрифт у заголовков?

[YuriiyKoptsev]

Тони привет. А у меня нет аккаунта в инсте. Как мне можно получить файлик по кнопкам?

[antongripak]

Добрый день, Тони. Возникла такая проблема. Распишу по пунктам:
1. Создал текст для кнопки и создал из него компонент
2. SVG - иконка. Так же обернул в компонент
3. Еще одна иконка и еще один компонент
4. Копирую все три мастера создавая инстансы
5. Выделю их и создаю фрейм и авто-лейаут
6. добавляю фон отступы и тд. Все работает.
7. создаю из этого авто-лейаута компонент. копирую его
8. и вот тут проблема. Пытаюсь написать новый текст в инстансе, а авто-лейаут не срабатывает. Кнопка не тянется. В чем прикол, кто знает?
Это при то, что, если скрывать элементы в этом инстансе, то вполне себе все срабатывает и кнопка автоматически сжимается. Может авто-лейаут в такой комбинации не срабатывает? Или я что-то не так делаю.
Был бы признателен за ответ от вас или от кого-то в ветке. Спасибо.

[wildANGELOS]

Спасибо, Тони! Очень полезное видео. Осталось только понять, как сделать, чтобы карточки, как у тебя, при добавлении/убавлении контента оставались прилепленными к верхней линии, а не центровались. ))
Но это уже мелочи. 😁
Люблю твои видео. Всегда только полезное 🤓

[anton_youtube_]

Спасибо за видео, очень полезно! А можно ли комбинировать компоненты с функцией Auto Layout? Допустим нужно сделать 6-ть пунктов меню в шапке. Возможно понадобится менять цвет текста. Пишу первый пунк меню, создаю из него компонент, копирую и меняю текст. На этом этапе фрейм не выравнивается автоматически под текст, и начинает "залезать" на следующий пунк меню. Как это решить?

[kirlyukvv]

А ты пробовал с текстом работать в AutoLayout?
У меня автоматически внутри автолэйаута не меняется ширина тестовых блоков.


- Создал фрейм
- запихал в него 2 блока текста и объединил их в автолейаут
- закрепил изменение ширины автолейаута к изменению ширины фрейма


Начинаю менять ширину фрейма, за ней меняется ширина автолейаута, а текстовые блоки внтури не меняются по ширине(((