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

Поділитися
Вставка
  • Опубліковано 13 чер 2024
  • Используй Фигму по полной! 🔥 Подборка возможностей, плагинов, инструментов и шорткатов в 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  11 місяців тому +30

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

  • @user-hf2vs9rg9d
    @user-hf2vs9rg9d 9 місяців тому +3

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

  • @user-on1mx9hx8k
    @user-on1mx9hx8k 9 місяців тому +3

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

  • @SvetlanaBalykina
    @SvetlanaBalykina 11 місяців тому +1

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

  • @Sayora_Umarova_uzum
    @Sayora_Umarova_uzum 7 місяців тому +3

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

  • @trilink4694
    @trilink4694 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @spectotu6904
    @spectotu6904 11 місяців тому +1

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

  • @UniSat666
    @UniSat666 8 місяців тому +1

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

  • @natalilegkodimova3411
    @natalilegkodimova3411 8 місяців тому +1

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

  • @vertolettx
    @vertolettx 11 місяців тому +1

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

    • @wayupua
      @wayupua  11 місяців тому

      Согласен)

  • @mamacita6688
    @mamacita6688 8 місяців тому +1

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

  • @user-cv8qx4nj2z
    @user-cv8qx4nj2z 11 місяців тому +6

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

    • @wayupua
      @wayupua  11 місяців тому

      ладно)

  • @hot666tea
    @hot666tea 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @yuliiakashina2419
    @yuliiakashina2419 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      На здоровье!

  • @sergeyk8072
    @sergeyk8072 5 місяців тому +1

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

  • @user-xy8ck3si3i
    @user-xy8ck3si3i 8 місяців тому +1

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

  • @user-ou6sc3vl4h
    @user-ou6sc3vl4h 11 місяців тому

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

  • @innafesenko4176
    @innafesenko4176 11 місяців тому +1

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

    • @wayupua
      @wayupua  11 місяців тому

      да будет так)

  • @deepsleephouse7598
    @deepsleephouse7598 6 місяців тому

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

  • @lavanda_funny
    @lavanda_funny 6 місяців тому +1

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

  • @user-mu2ii6gn1p
    @user-mu2ii6gn1p 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      🫠🤗

  • @user-nm6jd8gm6s
    @user-nm6jd8gm6s 11 місяців тому

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

  • @user-md8pe2yh1w
    @user-md8pe2yh1w 7 місяців тому

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

  • @Didelab
    @Didelab 9 місяців тому

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

  • @U2UA_73
    @U2UA_73 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Согласен)

  • @sleepspacepiece
    @sleepspacepiece 9 місяців тому +1

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

  • @user-qg8do5up6p
    @user-qg8do5up6p 10 місяців тому +1

    круто👍👍👍👍👍

  • @oli__sokolova
    @oli__sokolova 11 місяців тому +1

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Пожалуйста)

  • @_babiychuchka_
    @_babiychuchka_ 3 місяці тому

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

  • @olyantnv
    @olyantnv 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      пожалуйста)

  • @user-kv5qq3mz8w
    @user-kv5qq3mz8w 11 місяців тому

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

  • @lanb200
    @lanb200 6 місяців тому

    спасибо!

  • @mattthe236
    @mattthe236 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @user-iq6bb8nx9m
    @user-iq6bb8nx9m 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Класс!

  • @sarelia8440
    @sarelia8440 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @mr.mer5.7.09
    @mr.mer5.7.09 11 місяців тому

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

  • @chilljoy264
    @chilljoy264 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      согласен

  • @vika11.01
    @vika11.01 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @user-in4cm9uo6b
    @user-in4cm9uo6b 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @Kibielena
    @Kibielena 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

    • @Kibielena
      @Kibielena 11 місяців тому

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

  • @stkarpenko90
    @stkarpenko90 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Бальзам!

  • @user-yx3to6fo9p
    @user-yx3to6fo9p 11 місяців тому +1

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

    • @wayupua
      @wayupua  11 місяців тому

      🙏🙏🙏

  • @ugar_video
    @ugar_video 9 місяців тому

    Крутое видео

  • @olad_ph
    @olad_ph 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Давай давай)

  • @maxelmers8421
    @maxelmers8421 11 місяців тому

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

  • @anya_k_
    @anya_k_ 11 місяців тому

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

  • @lolhole3353
    @lolhole3353 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Шик!

  • @K0lsy
    @K0lsy 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @aniakorabelnikova
    @aniakorabelnikova 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому +1

      Соглашусь

  • @natalia.artist
    @natalia.artist 9 місяців тому +1

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

  • @user-pi4eh9mv5b
    @user-pi4eh9mv5b 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Успехов!)

  • @user-zf8xr5do5m
    @user-zf8xr5do5m 3 місяці тому

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

  • @LAT7EK1NG
    @LAT7EK1NG 11 місяців тому +2

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

    • @wayupua
      @wayupua  11 місяців тому +1

      Ждём вместе)

  • @user-uy8wf2ij6d
    @user-uy8wf2ij6d 11 місяців тому

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

  • @NataliiaKazantseva
    @NataliiaKazantseva 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Желаю удачи 🎉

  • @khrustalev_creative
    @khrustalev_creative 11 місяців тому +1

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

  • @valeriia_leonidivna
    @valeriia_leonidivna 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      Огонь 🔥

  • @user-mw9cm8xo7c
    @user-mw9cm8xo7c 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      на здоровье!

  • @Hariec88
    @Hariec88 8 місяців тому

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

  • @jacobpiatrovich1703
    @jacobpiatrovich1703 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

      о да)

  • @KsyunechkaEssie
    @KsyunechkaEssie 11 місяців тому

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

  • @NazarKoshla
    @NazarKoshla 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @user-qe5hy4yg4q
    @user-qe5hy4yg4q 9 місяців тому

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

  • @prorider379
    @prorider379 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @Snoklea
    @Snoklea 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @user-mp4vl6ih8u
    @user-mp4vl6ih8u 5 місяців тому

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

  • @ivannafedorchenko8079
    @ivannafedorchenko8079 9 місяців тому

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

  • @sashaknyazhinskaya6268
    @sashaknyazhinskaya6268 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому +1

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

  • @all_about_k-pop_com
    @all_about_k-pop_com 10 місяців тому

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

  • @user-wq7hh7tz3s
    @user-wq7hh7tz3s 6 місяців тому

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

  • @user-mq2ir6sc6c
    @user-mq2ir6sc6c 11 місяців тому

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

    • @wayupua
      @wayupua  11 місяців тому

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

  • @andreworlov4214
    @andreworlov4214 9 місяців тому

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

  • @antohasotnikov2099
    @antohasotnikov2099 7 місяців тому

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

  • @denironman
    @denironman 10 місяців тому

    skewdat без пробела

  • @Prikoluha_432
    @Prikoluha_432 8 місяців тому

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

  • @me-cu7tr
    @me-cu7tr 9 місяців тому

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

  • @alenaalenkova2169
    @alenaalenkova2169 6 місяців тому

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

  • @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 місяців тому

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