Продвинутые Маски в Figma - Как делать, Шаблоны, Как отдавать на верстку...

Telegram-канал, где я публикую дизайнерские "лайфхаки" чаще чем на YouTube:
https://t.me/design_legko

Бесплатная видео-инструкция ”Как Устроиться Веб-Дизайнером” - https://bit.ly/3ptNMDf

#дизайн_легко #figma #webdesign

Файл-Figma с настроенными 3-мя масками:
https://www.figma.com/file/mRfwlr1QSZ8MPiOiSCbDto

Пример верстки блока с масками с исходным кодом:
https://codepen.io/vlad_design_legko/pen/JjyGojw

Оглавление:
0:00 - Вступление
0:54 - Как сделать простой переход между секциями
1:36 - Как быстро научиться делать хорошие макеты для портфолио
1:57 - Как сделать "ломаный" переход между секциями в Figma
2:33 - Как сделать "ломаный" переход из нескольких слоев
3:11 - Удобная хитрость с масками в Figma
5:10 - Как отразить переход для нижней границы
5:39 - Как сделать границы маски мягче и плавнее
6:53 - Проблема с растягиванием масок в Figma
7:44 - Как сделать маску, которая удобно растягивается без искажений в Figma
9:43 - Как быстро подогнать несостыковки по пикселям
11:05 - Файл с 3-мя уже настроенными масками в Figma
12:14 - Как верстать такие переходы в html / css
12:30 - Пример верстки с исходным кодом блока с масками
13:41 - Как должна работать правильная верстка блока с масками
14:44 - Как пользоваться Figma-файлом с масками
15:34 - Что нужно будет передать верстальщику для верстки секции с масками
16:17 - Как сделать свое профессиональное портфолио

Ускоренные видео в обычной скорости:
1) https://youtu.be/C7NgwatghOU
2) https://youtu.be/qIcdsbV9S_o

Видео Продвинутые Маски в Figma - Как делать, Шаблоны, Как отдавать на верстку... канала Дизайн Легко!