KZhead

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

WAYUP & Андрій Гаврилов
2024 ж. 16 Мам.
42 601 Рет қаралды
Жүктеу

Используй Фигму по полной! 🔥 Подборка возможностей, плагинов, инструментов и шорткатов в 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@wayupua11 ай бұрын

    • +

      @gyandzinskaya@gyandzinskaya11 ай бұрын

    • +

      @varlierrrr@varlierrrr10 ай бұрын

    • +

      @user-sl7sf1wh7u@user-sl7sf1wh7u10 ай бұрын

    • +

      @danielmarkov5381@danielmarkov538110 ай бұрын

    • ++++

      @valeriibdulenko@valeriibdulenko9 ай бұрын

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

    @user-hf2vs9rg9d@user-hf2vs9rg9d8 ай бұрын

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

    @user-on1mx9hx8k@user-on1mx9hx8k8 ай бұрын

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

    @mamacita6688@mamacita66887 ай бұрын

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

    @Sayora_Umarova_uzum@Sayora_Umarova_uzum7 ай бұрын

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

    @natalilegkodimova3411@natalilegkodimova34117 ай бұрын

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

    @UniSat666@UniSat6667 ай бұрын

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

    @SvetlanaBalykina@SvetlanaBalykina10 ай бұрын

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

    @trilink4694@trilink469410 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @spectotu6904@spectotu690411 ай бұрын

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

    @sleepspacepiece@sleepspacepiece8 ай бұрын

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

    @user-cv8qx4nj2z@user-cv8qx4nj2z10 ай бұрын

    • ладно)

      @wayupua@wayupua10 ай бұрын

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

    @innafesenko4176@innafesenko417611 ай бұрын

    • да будет так)

      @wayupua@wayupua11 ай бұрын

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

    @vertolettx@vertolettx11 ай бұрын

    • Согласен)

      @wayupua@wayupua11 ай бұрын

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

    @lavanda_funny@lavanda_funny5 ай бұрын

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

    @deepsleephouse7598@deepsleephouse75985 ай бұрын

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

    @Didelab@Didelab8 ай бұрын

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

    @user-nm6jd8gm6s@user-nm6jd8gm6s10 ай бұрын

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

    @sergeyk8072@sergeyk80724 ай бұрын

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

    @oli__sokolova@oli__sokolova10 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @hot666tea@hot666tea10 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @user-xy8ck3si3i@user-xy8ck3si3i7 ай бұрын

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

    @user-mu2ii6gn1p@user-mu2ii6gn1p11 ай бұрын

    • 🫠🤗

      @wayupua@wayupua10 ай бұрын

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

    @user-md8pe2yh1w@user-md8pe2yh1w6 ай бұрын

  • круто👍👍👍👍👍

    @user-qg8do5up6p@user-qg8do5up6p9 ай бұрын

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

    @sarelia8440@sarelia844011 ай бұрын

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

      @wayupua@wayupua11 ай бұрын

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

    @mattthe236@mattthe23610 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @yuliiakashina2419@yuliiakashina241910 ай бұрын

    • На здоровье!

      @wayupua@wayupua10 ай бұрын

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

    @user-xs8ty9dg5s@user-xs8ty9dg5s11 ай бұрын

    • Пожалуйста)

      @wayupua@wayupua10 ай бұрын

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

    @U2UA_73@U2UA_7310 ай бұрын

    • Согласен)

      @wayupua@wayupua10 ай бұрын

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

    @user-ou6sc3vl4h@user-ou6sc3vl4h10 ай бұрын

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

    @user-in4cm9uo6b@user-in4cm9uo6b10 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @user-kv5qq3mz8w@user-kv5qq3mz8w11 ай бұрын

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

    @user-yx3to6fo9p@user-yx3to6fo9p10 ай бұрын

    • 🙏🙏🙏

      @wayupua@wayupua10 ай бұрын

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

    @Kibielena@Kibielena10 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

      @Kibielena@Kibielena10 ай бұрын

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

    @olyantnv@olyantnv11 ай бұрын

    • пожалуйста)

      @wayupua@wayupua11 ай бұрын

  • спасибо!

    @lanb200@lanb2005 ай бұрын

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

    @vika11.01@vika11.0111 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @olad_ph@olad_ph10 ай бұрын

    • Давай давай)

      @wayupua@wayupua10 ай бұрын

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

    @natalia.artist@natalia.artist8 ай бұрын

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

    @user-iq6bb8nx9m@user-iq6bb8nx9m10 ай бұрын

    • Класс!

      @wayupua@wayupua10 ай бұрын

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

    @_babiychuchka_@_babiychuchka_2 ай бұрын

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

    @mr.mer5.7.09@mr.mer5.7.0910 ай бұрын

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

    @chilljoy264@chilljoy26411 ай бұрын

    • согласен

      @wayupua@wayupua11 ай бұрын

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

    @K0lsy@K0lsy11 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

  • Крутое видео

    @ugar_video@ugar_video8 ай бұрын

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

    @lolhole3353@lolhole335311 ай бұрын

    • Шик!

      @wayupua@wayupua10 ай бұрын

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

    @maxelmers8421@maxelmers842110 ай бұрын

    • 💪

      @wayupua@wayupua10 ай бұрын

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

    @aniakorabelnikova@aniakorabelnikova11 ай бұрын

    • Соглашусь

      @wayupua@wayupua11 ай бұрын

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

    @anya_k_@anya_k_11 ай бұрын

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

    @stkarpenko90@stkarpenko9010 ай бұрын

    • Бальзам!

      @wayupua@wayupua10 ай бұрын

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

    @user-pi4eh9mv5b@user-pi4eh9mv5b10 ай бұрын

    • Успехов!)

      @wayupua@wayupua10 ай бұрын

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

    @user-mw9cm8xo7c@user-mw9cm8xo7c11 ай бұрын

    • на здоровье!

      @wayupua@wayupua11 ай бұрын

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

    @NataliiaKazantseva@NataliiaKazantseva10 ай бұрын

    • Желаю удачи 🎉

      @wayupua@wayupua10 ай бұрын

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

    @user-zf8xr5do5m@user-zf8xr5do5m2 ай бұрын

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

    @user-uy8wf2ij6d@user-uy8wf2ij6d10 ай бұрын

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

    @jacobpiatrovich1703@jacobpiatrovich170311 ай бұрын

    • о да)

      @wayupua@wayupua11 ай бұрын

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

    @valeriia_leonidivna@valeriia_leonidivna11 ай бұрын

    • Огонь 🔥

      @wayupua@wayupua11 ай бұрын

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

    @khrustalev_creative@khrustalev_creative10 ай бұрын

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

    @Hariec88@Hariec887 ай бұрын

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

    @NazarKoshla@NazarKoshla10 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @user-qe5hy4yg4q@user-qe5hy4yg4q8 ай бұрын

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

    @all_about_k-pop_com@all_about_k-pop_com9 ай бұрын

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

    @KsyunechkaEssie@KsyunechkaEssie10 ай бұрын

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

    @LAT7EK1NG@LAT7EK1NG11 ай бұрын

    • Ждём вместе)

      @wayupua@wayupua10 ай бұрын

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

    @sashaknyazhinskaya6268@sashaknyazhinskaya626811 ай бұрын

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

      @wayupua@wayupua11 ай бұрын

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

    @ivannafedorchenko8079@ivannafedorchenko80798 ай бұрын

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

    @prorider379@prorider37911 ай бұрын

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

      @wayupua@wayupua11 ай бұрын

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

    @Snoklea@Snoklea11 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @user-mp4vl6ih8u@user-mp4vl6ih8u4 ай бұрын

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

    @user-wq7hh7tz3s@user-wq7hh7tz3s5 ай бұрын

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

    @andreworlov4214@andreworlov42149 ай бұрын

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

    @antohasotnikov2099@antohasotnikov20996 ай бұрын

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

    @user-mq2ir6sc6c@user-mq2ir6sc6c10 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @Prikoluha_432@Prikoluha_4327 ай бұрын

  • skewdat без пробела

    @denironman@denironman9 ай бұрын

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

    @me-cu7tr@me-cu7tr8 ай бұрын

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

    @alenaalenkova2169@alenaalenkova21696 ай бұрын

  • кпьюлиьаил

    @user-mp4vl6ih8u@user-mp4vl6ih8u4 ай бұрын

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

    @petrplotnikov4307@petrplotnikov43074 ай бұрын

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

    @nessi_ordabek@nessi_ordabek10 ай бұрын

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

      @wayupua@wayupua10 ай бұрын

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

    @nefinal4320@nefinal432010 ай бұрын

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

      @wayupua@wayupua10 ай бұрын
KZhead