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

  Рет қаралды 45,789

WAYUP & Андрій Гаврилов

WAYUP & Андрій Гаврилов

Күн бұрын

Используй Фигму по полной! 🔥 Подборка возможностей, плагинов, инструментов и шорткатов в 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 млн. просмотров):
• Основы веб-дизайна с н...
Участвуй в конкурсе в конце видео, ты точно справишься 🐥

Пікірлер: 132
@wayupua
@wayupua Жыл бұрын
«Вечерняя школа вернулась!» 🔥 Плюсуй, если нравится такой формат и хочешь больше видосов для дизайнеров 💪
@gyandzinskaya
@gyandzinskaya Жыл бұрын
+
@varlierrrr
@varlierrrr Жыл бұрын
+
@user-sl7sf1wh7u
@user-sl7sf1wh7u Жыл бұрын
+
@danilamarkov777
@danilamarkov777 Жыл бұрын
+
@vlrbdlnk
@vlrbdlnk 11 ай бұрын
++++
@user-xy8ck3si3i
@user-xy8ck3si3i 9 ай бұрын
дуже круті поради по темі дякую за це
@user-hf2vs9rg9d
@user-hf2vs9rg9d 10 ай бұрын
Восторг! От монтирования видео до крутой и полезной информации. Большое спасибо , мало у кого сейчас такой подход )
@user-on1mx9hx8k
@user-on1mx9hx8k 10 ай бұрын
Хочется больше таких видео!!!! Спасибо огромное за полезную инфу))))
@Sayora_Umarova_uzum
@Sayora_Umarova_uzum 9 ай бұрын
Впервую очередь хочу по благодарить вас за 50 минутную работу !Все плагины эффекты просто бомба реально. спасибо за информацию, Раскладку клавиатур на MacBook, приходиться прям учиться с нуля уже успехи есть. Сасибо Вам за урок и БЕСПЛАТНУЮ ОБЬЕМНУЮ ИНФОРМАЦИЮ! все ваши уроки под зубрю под репетирую и после к вам на бесплатный курс 3 дневный и далее на платный.
@UniSat666
@UniSat666 9 ай бұрын
Большое спасибо за видео. Боюсь фотошопа как огня, но понимаю что без него фигмы мне не хватает, посмотрела на то как Андрей всё понятно объясняет и появилось желание разобраться с фш хотя бы в фигме)
@SvetlanaBalykina
@SvetlanaBalykina Жыл бұрын
Андрей, спасибо! Очень информативное видео. Особенно часть про маски и плагины!
@sleepspacepiece
@sleepspacepiece 10 ай бұрын
Ппц, только начинаю изучать веб дизигн и не могу оторваться от просмотра ваших видосов, позитив по максимуму
@spectotu6904
@spectotu6904 Жыл бұрын
Спасибо за выпуск! Очень полезный.. много чего нового и интересного из плагинов узнала)
@lavanda_funny
@lavanda_funny 8 ай бұрын
Обожаю Вейап. Проходила все бесплатные курсы. Очень хороший старт, даже просто чтоб разобраться и понять надо или нет. Но после курсов реально набиваешь руку и это не просто лекции! Очень бы хотелось новых маленьких курсов по Адоб Афтер эффектс или Бекенду или мобильной разработке
@natalilegkodimova3411
@natalilegkodimova3411 9 ай бұрын
Всё круто❤. Только начала изучать эту программу и она открылась с новой стороны.
@trilink4694
@trilink4694 Жыл бұрын
Спасибо вам ! рада что вы вернулись )) очень полезный канал
@wayupua
@wayupua Жыл бұрын
Рад, что смотрите)
@user-ou6sc3vl4h
@user-ou6sc3vl4h Жыл бұрын
Багато крутих плагінів) дякую)
@user-nm6jd8gm6s
@user-nm6jd8gm6s Жыл бұрын
Видеоролик был очень полезен! Больше всего понравились плагин: "Chart Maker" and "Table Creator" очень облегчили задачу! 🤟
@deepsleephouse7598
@deepsleephouse7598 7 ай бұрын
Узнал кучу полезностей! Большое, огромное спасибо Человеку, который делится, столь ценными знаниями!
@Didelab
@Didelab 10 ай бұрын
Спасибо, систематизировано все так, как нужно, вроде бы знал все. Но немного все правильней что ли)
@mamacita6688
@mamacita6688 9 ай бұрын
Большое спасибо за видео! Очень полезно
@sergeyk8072
@sergeyk8072 6 ай бұрын
Всё круто, познавательно.
@innafesenko4176
@innafesenko4176 Жыл бұрын
Больше всего понравился раздел с плагинами🔥 Буду пользоваться PhotoPe, Noise, To Path! Хочу попробовать сделать дизайн с эфектом блюра на частях текста😍 Вечерняя школа лучшая!! Хочеться видеть больше выпусков👀
@wayupua
@wayupua Жыл бұрын
да будет так)
@user-cv8qx4nj2z
@user-cv8qx4nj2z Жыл бұрын
Видео очень полезное! Огромное спасибо! Сложно сказать, что понравилось больше всего: полезными были все разделы.
@wayupua
@wayupua Жыл бұрын
ладно)
@vertolettx
@vertolettx Жыл бұрын
Очень круто 👍 больше всего вдохновила возможность размытия части фотографии) будем применять)
@wayupua
@wayupua Жыл бұрын
Согласен)
@hot666tea
@hot666tea Жыл бұрын
полезное видео) далеко не все было в новинку, но пару тройку новых плагинов и комбинаций для себя открыла, спасибо)
@wayupua
@wayupua Жыл бұрын
Это то, что нужно)
@user-mu2ii6gn1p
@user-mu2ii6gn1p Жыл бұрын
Видео как всегда 🔥 Особенно плагины для создания wow-эффектов. Буду применять на практике)
@wayupua
@wayupua Жыл бұрын
🫠🤗
@user-md8pe2yh1w
@user-md8pe2yh1w 8 ай бұрын
Интересно. Благодарю
@yuliiakashina2419
@yuliiakashina2419 Жыл бұрын
Спасибо за полезную инфу 🥰 Очень много нового открыла для себя !
@wayupua
@wayupua Жыл бұрын
На здоровье!
@mattthe236
@mattthe236 Жыл бұрын
Безумно благодарю за вечернюю школу! Легче назвать то, что не понравилось, хотя по ходу и это не назову) все очень нравится, все сразу пробовала в фигме, круто и практично! спасибо Андрею и всей вашей команде! есть цель заработать деньги на дизайне (я начинающий) и пойти учиться в вашу школу!
@wayupua
@wayupua Жыл бұрын
До встречи на занятиях!
@oli__sokolova
@oli__sokolova Жыл бұрын
Только начала изучать Figma, для меня всё новое 😊 Особенно понравились плагины. Всё записала в ежедневник, так лучше воспринимается 😉
@wayupua
@wayupua Жыл бұрын
Конспект - это прекрасно
@user-xs8ty9dg5s
@user-xs8ty9dg5s Жыл бұрын
Отличный ролик. Много полезных фишек увидела. Особенно впечатлили эффекты, которые были показаны. Спасибо за крутой контент!
@wayupua
@wayupua Жыл бұрын
Пожалуйста)
@anya_k_
@anya_k_ Жыл бұрын
Builder io крутий плагін, я взагалі використовувала html to design, але в ньому було гірше згруповано матеріал. To Path часто користуюся, він досить корисний. Photopea також зручна (з нею ноутбук не так висне, як з фотошопом) - дякую за круті ефекти, що показали в ній. Хочеться спробувати плагіни Noise and texture, SkewDat, Bullets, Pattern Creator - я прям відчуваю, як вони полегшують та візуально покращують роботу. Дякую за корисне відео! 🔥
@English-for-every-child
@English-for-every-child Жыл бұрын
Вы очень крутой, спасибо за видео🤩
@sarelia8440
@sarelia8440 Жыл бұрын
Спасибо за урок! О многих плагинах не знала/пользовалась менее удобными аналогами. Размытие фотографии вообще отпад! Ранее приходилось делать это через фш Возвращайте вечернюю школу))
@wayupua
@wayupua Жыл бұрын
класс! рад слышать)
@mr.mer5.7.09
@mr.mer5.7.09 Жыл бұрын
Очень понравилось Photopea, это чудо
@lanb200
@lanb200 7 ай бұрын
спасибо!
@vika11.01
@vika11.01 Жыл бұрын
Очень полезный выпуск, спасибо. Никогда не понимала, как пользоваться масками, теперь буду пользоваться. Особенно блок с плагинами был полезен. Обычно на других источниках рассказывают про одно и тоже, а здесь куча того, чего я не знала. Особенно понравились плагины SkewDat и Photopea, действительно классные эффекты получились. Кстати, недавно искала плагин для создания паттернов, нашла то, что нужно)💥💣
@wayupua
@wayupua Жыл бұрын
Да, в масках ничего сложного)
@chilljoy264
@chilljoy264 Жыл бұрын
Крутой плагин chart и noise&texture. Очень облегчают кропотливую работу. А крутые градиенты и видео вообще огонь!!
@wayupua
@wayupua Жыл бұрын
согласен
@user-qg8do5up6p
@user-qg8do5up6p 11 ай бұрын
круто👍👍👍👍👍
@U2UA_73
@U2UA_73 Жыл бұрын
Доступно и полезно. Живая, интересная подача!
@wayupua
@wayupua Жыл бұрын
Согласен)
@user-in4cm9uo6b
@user-in4cm9uo6b Жыл бұрын
Спасибо за полезное видео, Андрей! Я как раз сегодня приуныла из-за работы, а ты включил в видео мой учебный лендинг😆+100500 к вдохновению! Мне больше всего зашли плагины для разной графики - PATTERN CREATOR, SKEWDAT, PHOTOPEA, которые копируют функции Фотошопа (не нужно больше переключаться туда-сюда), а также плагин для буллетов, чтобы сделать их более уникальными. Для меня прям актуально 👍
@wayupua
@wayupua Жыл бұрын
Рад быть полезным)
@olyantnv
@olyantnv Жыл бұрын
Было познавательно. Благодарю!🏀
@wayupua
@wayupua Жыл бұрын
пожалуйста)
@_babiychuchka_
@_babiychuchka_ 4 ай бұрын
Благодарю за відео!
@user-iq6bb8nx9m
@user-iq6bb8nx9m Жыл бұрын
Круто все понравилось!!!Спасибо!!!❤
@wayupua
@wayupua Жыл бұрын
Класс!
@user-yx3to6fo9p
@user-yx3to6fo9p Жыл бұрын
Максимально полезная информация для новичка! Надеюсь, скоро пополню ряды учеников UX|UI легенды) так что, в будущем знание всех этих тонкостей будет только плюсом! Вставка различных текстур в проект (плагин noise and texture) - впечатлило, равно как и плагины для WOW-эффекта)
@wayupua
@wayupua Жыл бұрын
🙏🙏🙏
@ugar_video
@ugar_video 11 ай бұрын
Крутое видео
@olad_ph
@olad_ph Жыл бұрын
это очень крутой видос. пересмотрел 3 раза, чтобы добавить все плагины. особенно была полезна первая часть с горячими клавишами и тд. сейчас сижу и кручу все то, что изучил))
@wayupua
@wayupua Жыл бұрын
Давай давай)
@lolhole3353
@lolhole3353 Жыл бұрын
Только начал изучать фигму, посмотрел первый урок, а вот и второй) arrow auto супер, как раз собирался мучаться со стрелками
@wayupua
@wayupua Жыл бұрын
Шик!
@maxelmers8421
@maxelmers8421 Жыл бұрын
Мне очень понравились эффекты для текстов,и очень понравились помехи и волны
@wayupua
@wayupua Жыл бұрын
💪
@K0lsy
@K0lsy Жыл бұрын
Очень информативное видео, я только начинаю разбираться в фигме, поэтому для меня было интересно увидеть абсолютно все.
@wayupua
@wayupua Жыл бұрын
Хорошее начало)
@stkarpenko90
@stkarpenko90 Жыл бұрын
Классное видео, было полезно. 😊
@wayupua
@wayupua Жыл бұрын
Бальзам!
@user-uy8wf2ij6d
@user-uy8wf2ij6d Жыл бұрын
Впринципе вся вторая часть видео была очень интересна
@aniakorabelnikova
@aniakorabelnikova Жыл бұрын
Это очень круто❤
@wayupua
@wayupua Жыл бұрын
Соглашусь
@natalia.artist
@natalia.artist 10 ай бұрын
Здравствуйте 🌿 скажите пожалуйста, мне нужно отвязать элемент от пиксельного перемещения, и переместить элемент на пол пикселя грубо говоря 😌 чтобы элемент не проскакивал пиксель а плавно по нему шёл, какие есть горячие клавиши для этого? 😇🙏
@Kibielena
@Kibielena Жыл бұрын
Спасибо!!! Все плагины были максимально полезны!
@wayupua
@wayupua Жыл бұрын
Прямо таки все?)
@Kibielena
@Kibielena Жыл бұрын
Для начинающих, да👍✊
@valeriia_leonidivna
@valeriia_leonidivna Жыл бұрын
Взяла на озброєння плагін Патерн Кріетор 👍🏼 Та сподобався спосіб перефарбування частини надпису ❤️‍🔥 О, і ще було корисно про фотопіа, юзала цей плагін і раніше, але ти показав щось нове, дякую 🫶🏻
@wayupua
@wayupua Жыл бұрын
Огонь 🔥
@user-zf8xr5do5m
@user-zf8xr5do5m 4 ай бұрын
Вот такое колесо с тонкой и частично толской обводкой в центре которого были цифры попались мне в одном из проекитов в фигме.Оказалось проблемой сделать верстку такого кольца. Подскажите где можно найти подсказку.
@user-pi4eh9mv5b
@user-pi4eh9mv5b Жыл бұрын
Очень полезные плагины , особенно понравились маски, как раз прохожу ваш курс «UX IU легенда» , все очень нравится, бегу устанавливать плагины себе и выполнять следующее задание 🙃
@wayupua
@wayupua Жыл бұрын
Успехов!)
@NataliiaKazantseva
@NataliiaKazantseva Жыл бұрын
Cпасибо, очень интересное и увлекательное видео - кратко и полезно - о Figma. Я только хочу освоить и получить новые знания в этом мире веб - дизайн и мне так все интересно, что не возможно выделить, что - то одно) большой опыт я получила, после создания из первого урока в вечерней школе, главную страницу к сайту - Твой новый друг с доставкой на дом - С удовольствием, вас смотрю, и обязательно приду к вам учиться. Спасибо за полезный контент.
@wayupua
@wayupua Жыл бұрын
Желаю удачи 🎉
@LAT7EK1NG
@LAT7EK1NG Жыл бұрын
Відео імба чекаю другу частину!
@wayupua
@wayupua Жыл бұрын
Ждём вместе)
@user-mw9cm8xo7c
@user-mw9cm8xo7c Жыл бұрын
Спасибо за видео. Подчерпнул для себя новых хоткеев, которыми буду пользоваться. Кстати, еще можно скопировать как png слой прямо в фигме не экспортируя его. Ctrl + Shift + C - Ctrl + V
@wayupua
@wayupua Жыл бұрын
на здоровье!
@jacobpiatrovich1703
@jacobpiatrovich1703 Жыл бұрын
Дежавю. Не только мне тогда понравился плагин по размытию фотки. Раньше видел этот эффект где-то, теперь сам могу повторить
@wayupua
@wayupua Жыл бұрын
о да)
@khrustalev_creative
@khrustalev_creative Жыл бұрын
Здравствуйте. Где можно посмотреть ваше портфолио (лучшие реальные проекты)?
@KsyunechkaEssie
@KsyunechkaEssie Жыл бұрын
Ctrl+alt+G работает некорректно: создаёт 53+ фрема, как можно решить проблему? Пробовала создать отдельный фрейм клавишей f, но это даёт не тот результат
@Hariec88
@Hariec88 10 ай бұрын
Change Font конечно смешной плагин )))) Что тебе мешает поменять его стандартным способом?
@user-mp4vl6ih8u
@user-mp4vl6ih8u 6 ай бұрын
где скачать фигму, на официальном сайте не рабит(
@user-wq7hh7tz3s
@user-wq7hh7tz3s 7 ай бұрын
Блин ссылка не работает на курс(((😢
@user-qe5hy4yg4q
@user-qe5hy4yg4q 10 ай бұрын
С буквой «K» не знал, спасибо
@ivannafedorchenko8079
@ivannafedorchenko8079 11 ай бұрын
Как в Figma удалить работы которые делала ( история), но не всё а выборочно?
@NazarKoshla
@NazarKoshla Жыл бұрын
Андрій создаєш ти прототип сайта в етапі розробки чи просто накидуєш варіанти
@wayupua
@wayupua Жыл бұрын
Да, делю обычно регулярно.
@Snoklea
@Snoklea Жыл бұрын
Мне понравилось создание круглой диаграммы в начале видео😅
@wayupua
@wayupua Жыл бұрын
О да, эффектно)
@all_about_k-pop_com
@all_about_k-pop_com 11 ай бұрын
Я решила пойти на веб-дизайнера. Мне 14. Посмотрела вчера ваш урок для новичков по фигме. Захотела добавить картинку с прозрачным фоном, но когда добавила картинку в проект, то она была с фоном. Что делать?
@sashaknyazhinskaya6268
@sashaknyazhinskaya6268 Жыл бұрын
Про photopea не слышала, всегда Фотошоп открыт на фоне, а так крутая штука)
@wayupua
@wayupua Жыл бұрын
Да, фотошоп, особенно с последним обновлением, очень полезен
@prorider379
@prorider379 Жыл бұрын
photopea просто божество
@wayupua
@wayupua Жыл бұрын
ага, в нем показывать и показывать еще разные фичи
@andreworlov4214
@andreworlov4214 11 ай бұрын
А шо там удалили уже общий чат в телеге???
@antohasotnikov2099
@antohasotnikov2099 8 ай бұрын
не понятно почему фрейм лучше чем группа?) какая разница?
@user-mq2ir6sc6c
@user-mq2ir6sc6c Жыл бұрын
Как к вам попасть на обучение
@wayupua
@wayupua Жыл бұрын
Отправляемся сюда: wayup.in/library/course4?from=ytcoment
@Prikoluha_432
@Prikoluha_432 9 ай бұрын
Оу брат музыку давай
@denironman
@denironman 11 ай бұрын
skewdat без пробела
@me-cu7tr
@me-cu7tr 10 ай бұрын
как оплачивать фигму в рф сейчас?(((
@alenaalenkova2169
@alenaalenkova2169 8 ай бұрын
Очень полезно,но очень тяжело слушать.Мне посмотоянно хочется выключить видео.И не могу понять из-за чего.Бывает вещают какую-то ерунду,но хочется слушать. А тут просто страдание.
@petrplotnikov4307
@petrplotnikov4307 6 ай бұрын
ищу дизайнера, который нарисует мне сайт, бесплатно, ради опыта и портфолио, сайт будет действующий
@user-mp4vl6ih8u
@user-mp4vl6ih8u 6 ай бұрын
кпьюлиьаил
@nessi_ordabek
@nessi_ordabek Жыл бұрын
Это очень класснооо!!! Спасибо вам огромное, Андрей! Больше всего понравился раздел с плагинами, а именно PhotoPe. Терпеть не могу фотошоп, а этот плагин просто находка!!! Буду пользоваться всеми фишками
@wayupua
@wayupua Жыл бұрын
огонь) забирайте!
@nefinal4320
@nefinal4320 Жыл бұрын
Сенсей, привет👋 спасибо тебе за урок, много полезных фишек узнал и уже использую🥷 🔥🔥РЕБЯТА КУРС ЛЕГЕНДА ПРОСТО БОМБА 🔥🔥 я выпускник 53 потока и очень доволен результатом🥷 Школа WAYUP лучшая 🎆
@wayupua
@wayupua Жыл бұрын
Спасибо за фидбек! Это чертовски приятно)
5 самых страшных ошибок начинающих веб-дизайнеров
43:59
WAYUP & Андрій Гаврилов
Рет қаралды 152 М.
⭐ 10 Отборных плагинов на примерах. Плагины Figma от подписчиков
20:20
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 27 М.
🤔Какой Орган самый длинный ? #shorts
00:42
When You Get Ran Over By A Car...
00:15
Jojo Sim
Рет қаралды 34 МЛН
ОСКАР vs БАДАБУМЧИК БОЙ!  УВЕЗЛИ на СКОРОЙ!
13:45
Бадабумчик
Рет қаралды 6 МЛН
HOW DID HE WIN? 😱
00:33
Topper Guild
Рет қаралды 49 МЛН
Веб-дизайн сайта: что делать после 1-ого экрана?
34:21
WAYUP & Андрій Гаврилов
Рет қаралды 283 М.
Разбираю дизайн плакатов кино
21:05
mutim digital — дизайн и маркетинг
Рет қаралды 49 М.
10 БЕЗУМНЫХ новинок нейросетей
19:43
🤔Какой Орган самый длинный ? #shorts
00:42