Анимируем градиентный эффект в Figma за 40 сек 🎬

Поделиться
HTML-код
  • Опубликовано: 18 сен 2024
  • Анимируем градиентный эффект в Figma
    🖼 Создаем фрейм и открываем плагин Blobs
    💧Нажимаем кнопку несколько раз и создаем шейпы
    1️⃣ Располагаем их в нужном порядке и меняем цвет
    📦 Выделяем шейпы и оборачиваем их во фрейм
    🥽 Добавляем эффект блюра у фрейма
    🔄 Дублируем макет и меняем расположение шейпов
    👭 Выделяем макеты и создаем Component set
    🎦 Связываем макеты в Prototype и меняем на After Delay
    🤍 Убираем у макетов белый фон
    ➕ Добавляем фрейм в макет, меняем расположение и непрозрачность

Комментарии • 9

  • @polinapumova
    @polinapumova 5 месяцев назад

    Боже это гениально!

  • @user-ko1ki2lg9b
    @user-ko1ki2lg9b Год назад +1

    Блин это просто взрыв мозга, очень оочень круто

  • @AKELAGOTV
    @AKELAGOTV Год назад +1

    Мне этот эффект не был нужен, посмотрел из интереса и не пожалел, так как такой плагин мне очень нужен)) Спасибо, кудесник!)

  • @amilder1384
    @amilder1384 Год назад +1

    Взрыыыв мозга, нужно больше видео!!!

  • @МихаилВалюта
    @МихаилВалюта Год назад

    Афигеть! Как всё просто. Я правда ни хрена не понял но было интересно.

  • @relaxmidi
    @relaxmidi Год назад +1

    Не понимаю как убрать белый фон? Подскажите пожалуйста🙏

    • @domnin.design
      @domnin.design  Год назад

      Выбираем фрейм и в правой панели находим раздел Fill. Справа от квадрата с цветом будем иконка «минус», нажимаем на нее

  • @nmteg
    @nmteg Год назад

    Интересно, как теперь ЭТО верстать Frontend разработчику?