Тёмный

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

WAYUP & Андрій Гаврилов
Подписаться 233 тыс.
Просмотров 43 тыс.
50% 1

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

Опубликовано:

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

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