Уроки Figma: Иконки, которые работают

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024
  • #figma #components #tips
    ТЕМА УРОКА:
    Делаем отзывчивые компоненты иконок.
    ВАЖНОЕ:
    Файл с уроком
    www.figma.com/...
    -----
    👍 Поддержать канал: / zendesigner

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

  • @kanevich
    @kanevich 2 года назад +1

    Как же охренел искать способ так сделать! спасибо!

  • @dmitrykand5142
    @dmitrykand5142 4 года назад +5

    Кайфую от твоих уроков! Отличная подача и ничего лишнего)

  • @user-dv4sk6ge1m
    @user-dv4sk6ge1m 2 года назад

    Огромное спасибо!!!!

  • @waltervenin
    @waltervenin 5 лет назад +2

    Потрясающе

  • @den100hero
    @den100hero 5 лет назад +1

    Sketch, мы тебя не забыли)

    • @zen-designer
      @zen-designer  5 лет назад

      Ну не совсем ) В Sketch это делалось замудрёнее из-за другого подхода к оверрайдам. Особенно до появления стилей.

  • @ThisUrban
    @ThisUrban 4 года назад

    Спасибо за идею. Только я решил исходную иконку не делать маской. А засунул иконку в мастер-компоненте кнопки во фрейм, и вот ее сделал маской.

    • @zen-designer
      @zen-designer  4 года назад

      Рекомендую посмотреть продолжение этого урока.

    • @ThisUrban
      @ThisUrban 4 года назад

      Посмотрел и третью часть. Так вообще элегантно все выглядит теперь. Супер!

    • @zen-designer
      @zen-designer  4 года назад +1

      По случаю собрал всё в видео-коротыш ruclips.net/video/5FynbpRIJIs/видео.html

  • @Explastizin
    @Explastizin 4 года назад

    Комментарии Гуд

  • @evgenmarfel
    @evgenmarfel 5 лет назад

    Привет, Виктор. крутая инфа. есть вот такой пак иконок от eva там все иконки составлены по подобному принципу (через маску наложен цвет) все утро мучаюсь с ними, чтобы применить свою фишку, но чет не работает. структура оч похожа на твою, но маска не через инстанс, а через шейп. было бы круто целый пак иконок меняющих цвет замутить. www.figma.com/file/ZCwzrNgAKSfUAX7jADLvTWzI/Eva-Icons

    • @zen-designer
      @zen-designer  5 лет назад

      Тяжёлое наследие Sketch вижу в этом сете я ) Что не получается?

    • @zen-designer
      @zen-designer  5 лет назад

      В этом файле ВСЕ компоненты иконок сделаны как мой компонент icon. А это убивает всю суть решения.

    • @zen-designer
      @zen-designer  5 лет назад

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

    • @zen-designer
      @zen-designer  5 лет назад

      Я сделяль ruclips.net/video/4KillqLDZl0/видео.html

  • @zhennyeah
    @zhennyeah 3 года назад

    это не работает все инстансы просто меняются на иконки

    • @zen-designer
      @zen-designer  3 года назад

      Это старенькое видео. Вот свежее прочтение ruclips.net/video/5FynbpRIJIs/видео.html