Фигма уроки: 50+ фишек Figma в 2023 (плагины, маски, шорткаты)

Используй Фигму по полной! 🔥 Подборка возможностей, плагинов, инструментов и шорткатов в Figma, которые сделают твой следующий дизайн сайта круче.
🔗 Файл из урока: www.figma.com/file/2PKfCrw8FH...
👇👇👇
🚀 Начни свой путь с курсом «Веб-дизайнер: взрывной старт»: bit.ly/3PnWa3V
00:00 Приходи учиться
00:12 🔥 Сочное введение
00:48 Почему «Вечерняя школа» - это феномен
01:34 Как смотреть это видео
02:08 6 шорткатов для работы с текстом
04:03 3 шортката для умного «копипаста»
05:15 9 шорткатов при композиции элементов
14:33 Маска для покраски любого png
15:50 Маска для крутого эффекта для текста
17:11 Как вырезать любой объект из JPG
18:43 Как перекрасить часть надписи
19:20 🔑 Приходи учиться дизайну бесплатно
20:36 ArrowAuto для стрелочек между фреймами
21:54 Builder.io для импорта любого сайта в Figma
23:20 Change Text для массовой замены текстов
23:44 Chart Maker для графиков
24:43 Fonts Changer для быстрой замены шрифтов
25:23 Nisa Text для ускорения работы с текстом
26:33 Round All для округления дробных кеглей
27:20 Table Creator для создания таблиц
28:46 Color Shades для создания палитры цветов
29:31 Attention Insight для создания тепловой карты
30:50 No Numbers для удаления индексов в именах слоев
31:14 Noise & Texture для шума и видеотекстур
33:26 Text Counts для подсчета символов
33:50 Snap point in path для работы с вектором
34:40 SkewDat для искривления объектов
36:16 Bullets для кастомных буллетов списков
37:18 Contrast для определения контраста по W3C
39:04 Pattern Creator для создания паттернов
40:51 Пластика фотографий
43:03 Размытый и «развивающийся» текст
46:55 Стильное размытие фотографии
48:21 Искривленный текст по контуру (или кругу)
50:02 🔥 КОНКУРС
50:59 Делаем выводы
🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс / работать в digital-компании.
😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог.
🎥 Урок #1 по основам работы в Figma для начинающих (~2 млн. просмотров):
• Основы веб-дизайна с н...
Участвуй в конкурсе в конце видео, ты точно справишься 🐥

[@wayupua]

«Вечерняя школа вернулась!» 🔥 Плюсуй, если нравится такой формат и хочешь больше видосов для дизайнеров 💪

[@gyandzinskaya]

+

[@varlierrrr]

+

[@user-sl7sf1wh7u]

+

[@danilamarkov777]

+

[@valeriibdulenko]

++++

[@user-hf2vs9rg9d]

Восторг! От монтирования видео до крутой и полезной информации. Большое спасибо , мало у кого сейчас такой подход )

[@user-on1mx9hx8k]

Хочется больше таких видео!!!! Спасибо огромное за полезную инфу))))

[@Sayora_Umarova_uzum]

Впервую очередь хочу по благодарить вас за 50 минутную работу !Все плагины эффекты просто бомба реально. спасибо за информацию, Раскладку клавиатур на MacBook, приходиться прям учиться с нуля уже успехи есть. Сасибо Вам за урок и БЕСПЛАТНУЮ ОБЬЕМНУЮ ИНФОРМАЦИЮ! все ваши уроки под зубрю под репетирую и после к вам на бесплатный курс 3 дневный и далее на платный.

[@SvetlanaBalykina]

Андрей, спасибо! Очень информативное видео. Особенно часть про маски и плагины!

[@lavanda_funny]

Обожаю Вейап. Проходила все бесплатные курсы. Очень хороший старт, даже просто чтоб разобраться и понять надо или нет. Но после курсов реально набиваешь руку и это не просто лекции! Очень бы хотелось новых маленьких курсов по Адоб Афтер эффектс или Бекенду или мобильной разработке

[@UniSat666]

Большое спасибо за видео. Боюсь фотошопа как огня, но понимаю что без него фигмы мне не хватает, посмотрела на то как Андрей всё понятно объясняет и появилось желание разобраться с фш хотя бы в фигме)

[@sleepspacepiece]

Ппц, только начинаю изучать веб дизигн и не могу оторваться от просмотра ваших видосов, позитив по максимуму

[@natalilegkodimova3411]

Всё круто❤. Только начала изучать эту программу и она открылась с новой стороны.

[@spectotu6904]

Спасибо за выпуск! Очень полезный.. много чего нового и интересного из плагинов узнала)

[@mamacita6688]

Большое спасибо за видео! Очень полезно

[@user-nm6jd8gm6s]

Видеоролик был очень полезен! Больше всего понравились плагин: "Chart Maker" and "Table Creator" очень облегчили задачу! 🤟

[@sergeyk8072]

Всё круто, познавательно.

[@trilink4694]

Спасибо вам ! рада что вы вернулись )) очень полезный канал

[@wayupua]

Рад, что смотрите)

[@deepsleephouse7598]

Узнал кучу полезностей! Большое, огромное спасибо Человеку, который делится, столь ценными знаниями!

[@Didelab]

Спасибо, систематизировано все так, как нужно, вроде бы знал все. Но немного все правильней что ли)

[@user-md8pe2yh1w]

Интересно. Благодарю

[@yuliiakashina2419]

Спасибо за полезную инфу 🥰 Очень много нового открыла для себя !

[@wayupua]

На здоровье!

[@vertolettx]

Очень круто 👍 больше всего вдохновила возможность размытия части фотографии) будем применять)

[@wayupua]

Согласен)

[@lanb200]

спасибо!

[@hot666tea]

полезное видео) далеко не все было в новинку, но пару тройку новых плагинов и комбинаций для себя открыла, спасибо)

[@wayupua]

Это то, что нужно)

[@mr.mer5.7.09]

Очень понравилось Photopea, это чудо

[@user-kv5qq3mz8w]

Вы очень крутой, спасибо за видео🤩

[@user-cv8qx4nj2z]

Видео очень полезное! Огромное спасибо! Сложно сказать, что понравилось больше всего: полезными были все разделы.

[@wayupua]

ладно)

[@user-qg8do5up6p]

круто👍👍👍👍👍

[@user-mu2ii6gn1p]

Видео как всегда 🔥 Особенно плагины для создания wow-эффектов. Буду применять на практике)

[@wayupua]

🫠🤗

[@innafesenko4176]

Больше всего понравился раздел с плагинами🔥 Буду пользоваться PhotoPe, Noise, To Path! Хочу попробовать сделать дизайн с эфектом блюра на частях текста😍 Вечерняя школа лучшая!! Хочеться видеть больше выпусков👀

[@wayupua]

да будет так)

[@natalia.artist]

Здравствуйте 🌿 скажите пожалуйста, мне нужно отвязать элемент от пиксельного перемещения, и переместить элемент на пол пикселя грубо говоря 😌 чтобы элемент не проскакивал пиксель а плавно по нему шёл, какие есть горячие клавиши для этого? 😇🙏

[@user-ou6sc3vl4h]

Багато крутих плагінів) дякую)

[@mattthe236]

Безумно благодарю за вечернюю школу! Легче назвать то, что не понравилось, хотя по ходу и это не назову) все очень нравится, все сразу пробовала в фигме, круто и практично! спасибо Андрею и всей вашей команде! есть цель заработать деньги на дизайне (я начинающий) и пойти учиться в вашу школу!

[@wayupua]

До встречи на занятиях!

[@olyantnv]

Было познавательно. Благодарю!🏀

[@wayupua]

пожалуйста)

[@oli__sokolova]

Только начала изучать Figma, для меня всё новое 😊 Особенно понравились плагины. Всё записала в ежедневник, так лучше воспринимается 😉

[@wayupua]

Конспект - это прекрасно

[@user-xy8ck3si3i]

дуже круті поради по темі дякую за це

[@user-xs8ty9dg5s]

Отличный ролик. Много полезных фишек увидела. Особенно впечатлили эффекты, которые были показаны. Спасибо за крутой контент!

[@wayupua]

Пожалуйста)

[@user-iq6bb8nx9m]

Круто все понравилось!!!Спасибо!!!❤

[@wayupua]

Класс!

[@U2UA_73]

Доступно и полезно. Живая, интересная подача!

[@wayupua]

Согласен)

[@sarelia8440]

Спасибо за урок! О многих плагинах не знала/пользовалась менее удобными аналогами. Размытие фотографии вообще отпад! Ранее приходилось делать это через фш Возвращайте вечернюю школу))

[@wayupua]

класс! рад слышать)

[@chilljoy264]

Крутой плагин chart и noise&texture. Очень облегчают кропотливую работу. А крутые градиенты и видео вообще огонь!!

[@wayupua]

согласен

[@vika11.01]

Очень полезный выпуск, спасибо. Никогда не понимала, как пользоваться масками, теперь буду пользоваться. Особенно блок с плагинами был полезен. Обычно на других источниках рассказывают про одно и тоже, а здесь куча того, чего я не знала. Особенно понравились плагины SkewDat и Photopea, действительно классные эффекты получились. Кстати, недавно искала плагин для создания паттернов, нашла то, что нужно)💥💣

[@wayupua]

Да, в масках ничего сложного)

[@user-in4cm9uo6b]

Спасибо за полезное видео, Андрей! Я как раз сегодня приуныла из-за работы, а ты включил в видео мой учебный лендинг😆+100500 к вдохновению! Мне больше всего зашли плагины для разной графики - PATTERN CREATOR, SKEWDAT, PHOTOPEA, которые копируют функции Фотошопа (не нужно больше переключаться туда-сюда), а также плагин для буллетов, чтобы сделать их более уникальными. Для меня прям актуально 👍

[@wayupua]

Рад быть полезным)

[@ugar_video]

Крутое видео

[@Kibielena]

Спасибо!!! Все плагины были максимально полезны!

[@wayupua]

Прямо таки все?)

[@Kibielena]

Для начинающих, да👍✊

[@user-yx3to6fo9p]

Максимально полезная информация для новичка! Надеюсь, скоро пополню ряды учеников UX|UI легенды) так что, в будущем знание всех этих тонкостей будет только плюсом! Вставка различных текстур в проект (плагин noise and texture) - впечатлило, равно как и плагины для WOW-эффекта)

[@wayupua]

🙏🙏🙏

[@olad_ph]

это очень крутой видос. пересмотрел 3 раза, чтобы добавить все плагины. особенно была полезна первая часть с горячими клавишами и тд. сейчас сижу и кручу все то, что изучил))

[@wayupua]

Давай давай)

[@neostanislav]

Классное видео, было полезно. 😊

[@wayupua]

Бальзам!

[@maxelmers8421]

Мне очень понравились эффекты для текстов,и очень понравились помехи и волны

[@wayupua]

💪

[@lolhole3353]

Только начал изучать фигму, посмотрел первый урок, а вот и второй) arrow auto супер, как раз собирался мучаться со стрелками

[@wayupua]

Шик!

[@K0lsy]

Очень информативное видео, я только начинаю разбираться в фигме, поэтому для меня было интересно увидеть абсолютно все.

[@wayupua]

Хорошее начало)

[@user-uy8wf2ij6d]

Впринципе вся вторая часть видео была очень интересна

[@anya_k_]

Builder io крутий плагін, я взагалі використовувала html to design, але в ньому було гірше згруповано матеріал. To Path часто користуюся, він досить корисний. Photopea також зручна (з нею ноутбук не так висне, як з фотошопом) - дякую за круті ефекти, що показали в ній. Хочеться спробувати плагіни Noise and texture, SkewDat, Bullets, Pattern Creator - я прям відчуваю, як вони полегшують та візуально покращують роботу. Дякую за корисне відео! 🔥

[@aniakorabelnikova]

Это очень круто❤

[@wayupua]

Соглашусь

[@_babiychuchka_]

Благодарю за відео!

[@user-zf8xr5do5m]

Вот такое колесо с тонкой и частично толской обводкой в центре которого были цифры попались мне в одном из проекитов в фигме.Оказалось проблемой сделать верстку такого кольца. Подскажите где можно найти подсказку.

[@user-pi4eh9mv5b]

Очень полезные плагины , особенно понравились маски, как раз прохожу ваш курс «UX IU легенда» , все очень нравится, бегу устанавливать плагины себе и выполнять следующее задание 🙃

[@wayupua]

Успехов!)

[@NataliiaKazantseva]

Cпасибо, очень интересное и увлекательное видео - кратко и полезно - о Figma. Я только хочу освоить и получить новые знания в этом мире веб - дизайн и мне так все интересно, что не возможно выделить, что - то одно) большой опыт я получила, после создания из первого урока в вечерней школе, главную страницу к сайту - Твой новый друг с доставкой на дом - С удовольствием, вас смотрю, и обязательно приду к вам учиться. Спасибо за полезный контент.

[@wayupua]

Желаю удачи 🎉

[@khrustalev_creative]

Здравствуйте. Где можно посмотреть ваше портфолио (лучшие реальные проекты)?

[@user-mw9cm8xo7c]

Спасибо за видео. Подчерпнул для себя новых хоткеев, которыми буду пользоваться. Кстати, еще можно скопировать как png слой прямо в фигме не экспортируя его. Ctrl + Shift + C - Ctrl + V

[@wayupua]

на здоровье!

[@Hariec88]

Change Font конечно смешной плагин )))) Что тебе мешает поменять его стандартным способом?

[@LAT7EK1NG]

Відео імба чекаю другу частину!

[@wayupua]

Ждём вместе)

[@valeriia_leonidivna]

Взяла на озброєння плагін Патерн Кріетор 👍🏼 Та сподобався спосіб перефарбування частини надпису ❤️‍🔥 О, і ще було корисно про фотопіа, юзала цей плагін і раніше, але ти показав щось нове, дякую 🫶🏻

[@wayupua]

Огонь 🔥

[@KsyunechkaEssie]

Ctrl+alt+G работает некорректно: создаёт 53+ фрема, как можно решить проблему? Пробовала создать отдельный фрейм клавишей f, но это даёт не тот результат

[@jacobpiatrovich1703]

Дежавю. Не только мне тогда понравился плагин по размытию фотки. Раньше видел этот эффект где-то, теперь сам могу повторить

[@wayupua]

о да)

[@NazarKoshla]

Андрій создаєш ти прототип сайта в етапі розробки чи просто накидуєш варіанти

[@wayupua]

Да, делю обычно регулярно.

[@user-qe5hy4yg4q]

С буквой «K» не знал, спасибо

[@user-mp4vl6ih8u]

где скачать фигму, на официальном сайте не рабит(

[@all_about_k-pop_com]

Я решила пойти на веб-дизайнера. Мне 14. Посмотрела вчера ваш урок для новичков по фигме. Захотела добавить картинку с прозрачным фоном, но когда добавила картинку в проект, то она была с фоном. Что делать?

[@ivannafedorchenko8079]

Как в Figma удалить работы которые делала ( история), но не всё а выборочно?

[@Snoklea]

Мне понравилось создание круглой диаграммы в начале видео😅

[@wayupua]

О да, эффектно)

[@user-wq7hh7tz3s]

Блин ссылка не работает на курс(((😢

[@sashaknyazhinskaya6268]

Про photopea не слышала, всегда Фотошоп открыт на фоне, а так крутая штука)

[@wayupua]

Да, фотошоп, особенно с последним обновлением, очень полезен

[@prorider379]

photopea просто божество

[@wayupua]

ага, в нем показывать и показывать еще разные фичи

[@user-mq2ir6sc6c]

Как к вам попасть на обучение

[@wayupua]

Отправляемся сюда: wayup.in/library/course4?from=ytcoment

[@antohasotnikov2099]

не понятно почему фрейм лучше чем группа?) какая разница?

[@andreworlov4214]

А шо там удалили уже общий чат в телеге???

[@Prikoluha_432]

Оу брат музыку давай

[@denironman]

skewdat без пробела

[@alenaalenkova2169]

Очень полезно,но очень тяжело слушать.Мне посмотоянно хочется выключить видео.И не могу понять из-за чего.Бывает вещают какую-то ерунду,но хочется слушать. А тут просто страдание.

[@me-cu7tr]

как оплачивать фигму в рф сейчас?(((

[@petrplotnikov4307]

ищу дизайнера, который нарисует мне сайт, бесплатно, ради опыта и портфолио, сайт будет действующий

[@user-mp4vl6ih8u]

кпьюлиьаил

[@nessi_ordabek]

Это очень класснооо!!! Спасибо вам огромное, Андрей! Больше всего понравился раздел с плагинами, а именно PhotoPe. Терпеть не могу фотошоп, а этот плагин просто находка!!! Буду пользоваться всеми фишками

[@wayupua]

огонь) забирайте!

[@nefinal4320]

Сенсей, привет👋 спасибо тебе за урок, много полезных фишек узнал и уже использую🥷 🔥🔥РЕБЯТА КУРС ЛЕГЕНДА ПРОСТО БОМБА 🔥🔥 я выпускник 53 потока и очень доволен результатом🥷 Школа WAYUP лучшая 🎆

[@wayupua]

Спасибо за фидбек! Это чертовски приятно)