Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻

1. Мы создаем Frame (f) и нажимаем кнопку Use Auto Layout в разделе Layout справа в меню - настраиваем сетку лейаута так, чтоб были квадратики, расстояние между блоками ставьте 0 2. Создаем квадрат клавишей (r) и тыкаем в любое место - создается квадрат ровненько в ячейку лейаута. Тянем этот квадрат на несколько ячеек - он сам подставится под сетку. 3. Скрин 2 и 3: из двух квадратов создаем Union selection (справа наверху в меню Union) и соединяем в одну форму. На скринах вы можете увидеть, из чего состоят эти формы 4. Скрин 4: Если объединенная форма не встает в сетке лейаута, нажмите на кнопку Ignore auto layout (квадратик с углами) в разделе Position - и все у вас встанет) 5. Скрин 5: вот такая картина у вас получается 6. Скрин 6: Выставляем у каждой форма такие параметры заливки и контура + Inner Shadow 2 шт. 7. Скрин 7 и 8: ставим такие параметры для Inner Shadow в разделе Effects - цвет тени должен жить под цвет контура.

В видео для удобства показываю как копировать и вставлять эффекты на каждую форму для ускорения своей работы и финальное оформление💃🏻

Надеюсь, вам было полезно! Ну или просто приятно посмотреть на чей-то процесс)

Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru
Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru Как создать такой прикольный постер в Figma? А потом применять эти лайфхаки в своих проектах💃🏻
1 | Сетка — социальная сеть от hh.ru