Figma Components

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024

ความคิดเห็น • 161

  • @arturshelaev9556
    @arturshelaev9556 5 ปีที่แล้ว +47

    без сомнений это самое топовое видео по компонентам в русскоязычном сегменте ютуба.

  • @vvasilyev11
    @vvasilyev11 5 ปีที่แล้ว +68

    Спасибо что вышел за рамки, показал как можно с этим работать.
    А то у большинства в тутроиалах только вода про компоненты

    • @IsHardynafthardynaft
      @IsHardynafthardynaft 4 ปีที่แล้ว +3

      А у них и в голове вода. Делают уроки для количества. Влоххеры бля))

  • @radistelectric6216
    @radistelectric6216 5 ปีที่แล้ว +30

    Супер! Я с десяток видео посмотрел, чтобы найти как заменять изображение в компонентах, а нашёл толковое объяснение только здесь! Переделал свой собственный проект по этому уроку, и всё отлично получилось.Огромное спасибо автору!

  • @cifratura
    @cifratura 5 ปีที่แล้ว +18

    Я посмотрел 13 видео до этого и только в этом понял ценность компонентов! Очень круто!

  • @mariamat4907
    @mariamat4907 5 ปีที่แล้ว +16

    Первое действительно полезное видео из подобных! Спасибо!

  • @iryna_danyliuk
    @iryna_danyliuk 4 ปีที่แล้ว +1

    Самые крутые уроки. Понятно про компоненты сразу все стало! Спасибо огромное!

  • @NataliaGold92
    @NataliaGold92 4 ปีที่แล้ว +3

    Большое спасибо за ваш труд. Прекрасные видео и все сразу становится понятно.

  • @nataliiaalbul9625
    @nataliiaalbul9625 4 ปีที่แล้ว +6

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

  • @ihorvorobiov
    @ihorvorobiov 4 ปีที่แล้ว +2

    Спасибо большое за годный урок! Доступное объяснение материала и живой пример - отличное сочетание. Так держать)

  • @olivahere
    @olivahere 5 ปีที่แล้ว

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

  • @ИльяЧервоненко-ь8ъ
    @ИльяЧервоненко-ь8ъ 4 ปีที่แล้ว

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

  • @GeknForever
    @GeknForever 4 ปีที่แล้ว

    Лучший урок! Авторитетно заявляю это как уберчайник. Очень понравилось.

  • @igorstocky2228
    @igorstocky2228 4 ปีที่แล้ว +1

    У Вас талант преподавания! Спасибо! Очень полезная информация.

  • @wonderfulworld8667
    @wonderfulworld8667 2 ปีที่แล้ว

    Спасибо, все просто и понятно! Давно работаю в фигме, но через костыли ctrl+c > ctrl+v, но пришла серьезная задача, где такой механикой не обойтись, поэтому улучшаю знания, и ваше видео просто топ!

  • @ksenya7793
    @ksenya7793 4 ปีที่แล้ว

    Нашла ваше видео и наконец разобралась с компонентами. Огромное спасибо, за такой качественный контент!))) Лучшее видео по компонентам.)

  • @VictoriaSyvak
    @VictoriaSyvak 3 ปีที่แล้ว +1

    Дуже дякую за те, що все з компонентами нарешті прояснилось:) дуже доступно) Після перегляду зрозуміла, що можна витрачати значно менше часу на дизайн, якщо не робити все вручну)

  • @narivari1234
    @narivari1234 4 ปีที่แล้ว

    Я просто в восторге от вашей подачи. Смотрю и улыбаюсь))

  • @rovsheneyubov1539
    @rovsheneyubov1539 5 ปีที่แล้ว +4

    полезный урок и без воды )) Спасибо

  • @ТатьянаМиронова-ю3в
    @ТатьянаМиронова-ю3в 5 ปีที่แล้ว +11

    Отличное видео, наконец-то дошло до меня , как работать с компонентами. Спасибо))

  • @libertyanka
    @libertyanka 5 ปีที่แล้ว +1

    ура, наконец-то что-то дельное по компонентам, спасибо большое!)

  • @pavelzharko7116
    @pavelzharko7116 5 ปีที่แล้ว +4

    Нашел то, что искал! Спасибо тебе :)

  • @viktoriya-photo
    @viktoriya-photo 2 ปีที่แล้ว

    Хочу присоединиться ко всем комментариям) прекрасное объяснение!! Спасибо вам огромное🤗

  • @diekunstUA
    @diekunstUA 5 ปีที่แล้ว +3

    с удовльствием посмотрел видео- полезно. спасибо

  • @sashazlobin
    @sashazlobin 5 ปีที่แล้ว +1

    Отличный урок, спасибо 👍🏻

  • @DKniazeff
    @DKniazeff 5 ปีที่แล้ว +3

    Наконец кто-то доступно разжевал. Спасибо!

  • @spagettification
    @spagettification 2 ปีที่แล้ว

    В компонентах уже случилось много изменений. Например, уже нет необходимости делать 8 компонентов для состояний. Появилась функция Variants, чтобы стейт можно было выбрать в параметрах компонента. Очень удобно. Спасибо за ваше видео :)

  • @ennhomenko
    @ennhomenko 5 ปีที่แล้ว +2

    Исчерпывающе, спасибо на добром слове!

  • @Drampam
    @Drampam 4 ปีที่แล้ว

    Безумно крутой стиль у вас и урок полезный!

  • @zairahajiyeva4511
    @zairahajiyeva4511 3 ปีที่แล้ว

    Вы просто разложили все по полочкам! Спасибо!

  • @sergiiandrosov1729
    @sergiiandrosov1729 5 ปีที่แล้ว +1

    Спасибо большое за удобоваримую подачу.

  • @___KS___
    @___KS___ 2 ปีที่แล้ว

    Спасибо.
    Я так сам догадался до кое чего.
    Но теперь интуитивное стало осознанным. 😎🤗

  • @manikawow5866
    @manikawow5866 4 ปีที่แล้ว

    Спасибо за урок, все четко, понятно и приятно слушать

  • @annasedova6386
    @annasedova6386 ปีที่แล้ว

    Доступно объяснил, спасибо!

  • @weronikasorokina
    @weronikasorokina 3 ปีที่แล้ว

    Спасибо! Ваше видео просто спасение! :)

  • @amanrozyev5527
    @amanrozyev5527 3 ปีที่แล้ว

    блин наконец видео которое нужно. А не эта вода сплошная кругом. Теперь ясно как делать иконки. и карточки на практике. Спасибо большое! ПОДПИСКА :)

  • @big_papa_Joe
    @big_papa_Joe 3 ปีที่แล้ว

    Спасибо, автор! Приятно смотреть, приятно слушать. Контент топ. Лайк, подписка.

  • @Aegiro_07
    @Aegiro_07 4 ปีที่แล้ว

    Большое спасибо за прекраснейший контент, продолжай в том же духе!!)

  • @anastasiapavlova_kuzmina3378
    @anastasiapavlova_kuzmina3378 5 ปีที่แล้ว +1

    Спасибо большое! все четко и понятно!

  • @liteleak4049
    @liteleak4049 4 ปีที่แล้ว

    Спасибо. Очень хороший урок вышел.

  • @ТамиМахм
    @ТамиМахм 3 ปีที่แล้ว

    чувак, ты просто бог!

  • @adamsteklov
    @adamsteklov 2 ปีที่แล้ว

    Вообще не знал что это, но после просмотра видео, видимо придется посмотреть еще раз и попробовать :D

  • @АртемГрицкевич-щ8у
    @АртемГрицкевич-щ8у 5 ปีที่แล้ว +2

    Спасибо! Лучшее видео про компоненты на ютуб! Жду отдельное видео)

  • @raevskaya_elizaveta
    @raevskaya_elizaveta 2 ปีที่แล้ว

    Супер, спасибо, очень полезно и понятно 🤍

  • @komkoff91
    @komkoff91 4 ปีที่แล้ว +1

    Очень крутые уроки по Figme! Я прохожу курс от Skillbox по Figme, так там одна вода и ничего не понятно, приходится на ютубе искать более подробную информацию. У тебя классный контент!

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว +1

      Спасибо. Приятно слышать 🙂

  • @valeryoks8847
    @valeryoks8847 3 ปีที่แล้ว

    Супер! очень понятно и доходчиво))

  • @AndrewConfident
    @AndrewConfident 3 ปีที่แล้ว

    Очень полезный видос! кнопка ctrl (deep selection) мне оочень упростила жизнь)

  • @kodjaka
    @kodjaka 5 ปีที่แล้ว +1

    Супер! Давай еще про Стили!

  • @alinarolinsky3404
    @alinarolinsky3404 5 ปีที่แล้ว +1

    Большое спасибо! Всё по делу :)

  • @alinashchebetun1000
    @alinashchebetun1000 5 ปีที่แล้ว +1

    Огромное спасибо за видео!)

  • @Sharkovaleksey
    @Sharkovaleksey 4 ปีที่แล้ว

    больше спасибо за укори! )) все круто объясняешь ))

  • @MaximGuzko
    @MaximGuzko 2 ปีที่แล้ว

    Большое спасибо за информацию 🙏

  • @Мария-у9р4ц
    @Мария-у9р4ц ปีที่แล้ว

    дай бог тебе здоровья!

  • @natalitarasova5449
    @natalitarasova5449 5 ปีที่แล้ว +1

    Класс! Спасибо за видео

  • @andriihelever1793
    @andriihelever1793 5 ปีที่แล้ว

    Спасибо, очень круто и хорошие примеры на практике

  • @АлександрКозаков-ч8у
    @АлександрКозаков-ч8у 4 ปีที่แล้ว +1

    Интересно! Можно больше реальных примеров на практике? Спасибо за видео! Лайкос! !!

  • @АндрейСабельников-л5с
    @АндрейСабельников-л5с 4 ปีที่แล้ว

    Ууух, прокачался, спасибо громадное

  • @juliya_kim
    @juliya_kim 3 ปีที่แล้ว

    супер материал, спасибо!

  • @yanapapikian
    @yanapapikian 2 ปีที่แล้ว

    Useful lesson, thanks a lot!

  • @va1ga
    @va1ga 3 ปีที่แล้ว

    Компоненты очень удобно с вариантами комбинировать =)

  • @ПавелВаськов-ъ9щ
    @ПавелВаськов-ъ9щ 4 ปีที่แล้ว

    Очень ценное видео! Спасибо

  • @dmitriyzhukov4592
    @dmitriyzhukov4592 5 ปีที่แล้ว +1

    Спасибо. Очень полезно.

  • @Mi-jt6nn
    @Mi-jt6nn 4 ปีที่แล้ว +1

    Можно менять размер копии.. для этого необходимо просто заранее определить позиционирование дочерних компонентов елементов, так же можно вставлять другие иконки в компоненты (хотя это другой набор элементов, для этого их нужно класть в мастер компонент и скрывать, а на необходимой копии включать видимость интересующей вас группы дочерних элементов.

  • @nickchernitsyn3354
    @nickchernitsyn3354 5 ปีที่แล้ว +1

    Брат, спасибо, друг!

  • @hyper_hal
    @hyper_hal 5 ปีที่แล้ว

    Отличный видос. Спасибо :)

  • @Frie666
    @Frie666 4 ปีที่แล้ว

    Хороший видос! Было бы круто чтобы подсвечивались комбинации клавиш

  • @alsoualsou9
    @alsoualsou9 4 ปีที่แล้ว

    ОГРОМНЕЙШЕЕ СПАСИБО !!!!

  • @romans8324
    @romans8324 5 ปีที่แล้ว +3

    Двойнуя работу сделал, молодец, очень полезная фича)

  • @ОльгаКоник-в7р
    @ОльгаКоник-в7р 4 ปีที่แล้ว

    шикарне відео!!!

  • @catriarchiv
    @catriarchiv 5 ปีที่แล้ว

    Спасибо за крутой контент.

  • @aleks3388
    @aleks3388 4 ปีที่แล้ว

    спасибо ! все понятно

  • @MobilStok
    @MobilStok 4 ปีที่แล้ว

    очень хорошие видео !!

  • @boykodmitriy
    @boykodmitriy 5 ปีที่แล้ว +1

    Спасибо! Продолжа ;)

  • @websharkstudio
    @websharkstudio 4 ปีที่แล้ว

    Спасибо за видео!

  • @diekunstUA
    @diekunstUA 5 ปีที่แล้ว +1

    отличное видео. спасибо.

  • @uuu78798b
    @uuu78798b 5 ปีที่แล้ว +1

    спасибо, было интересно))

  • @leonid_anat
    @leonid_anat 2 ปีที่แล้ว

    Топове видео, спасибо

  • @МихаилГоляков-е2л
    @МихаилГоляков-е2л 3 ปีที่แล้ว

    супер, спасибо большое

  • @anton_youtube_1
    @anton_youtube_1 4 ปีที่แล้ว +1

    Почему когда меняешь текст в копии компонента его потом нельзя выровнять относительно плашки? Что в этом случае делать и как его редактировать?

  • @ValentinaSmirnova9
    @ValentinaSmirnova9 3 ปีที่แล้ว

    Большое спасибо за урок! Вопрос: а как редактировать инструментом "Перо"? Есть что-то похожее на работу с "пером" в "Иллюстраторе"?

  • @ЭннВасечкина
    @ЭннВасечкина 4 ปีที่แล้ว +1

    Жаль что не приближаете во время пояснений...было бы крупнее и нагляднее :)

  • @glebklochkov2823
    @glebklochkov2823 4 ปีที่แล้ว +1

    Как быстро копировать объекты в столбец, как показывается в видео уроке ?

  • @marynakuryshka3583
    @marynakuryshka3583 5 ปีที่แล้ว

    Файнае відэа, дзякуй!

  • @kseniapolza1852
    @kseniapolza1852 4 ปีที่แล้ว

    Отличное видео! А как вы копируете так быстро? после того как два элемента с отступом сделали, дальше как-будто остальны копии с отступом через клавишу идут.

  • @artemcherniavsky2410
    @artemcherniavsky2410 4 ปีที่แล้ว +4

    так и не понял как скопировать через промежутки так быстро? ) слой на слой вставляется )

    • @artemcherniavsky2410
      @artemcherniavsky2410 4 ปีที่แล้ว +13

      кто не понял - разобрался.. (нужно не скопировать, вставить, а дублировать слой. контрл/комманд+D) сделали слой, контрл+Д, отодвинули новый слой и нажали снова контрл+д нужное кол-во раз.

  • @CrazyDreamCD
    @CrazyDreamCD ปีที่แล้ว

    Здравствуйте! Подскажите, пожалуйста, как вы поотдельности форматируете логотипы (т.е. выбираете нужный фрагмент и вставляете его в заготовленное место)? Или может вы скачали откуда-то такой формат? Я сколько провозилась, так и не смогла вырезать то же яблоко , чтобы его вставить(( обычной картинкой пока поставила, как вы показывали в предыдущем уроке

    • @Midi25
      @Midi25 ปีที่แล้ว +1

      просто логотип сделан из кривых на черном фоне а фон отдельный слой от вектора. Если вы поставите на паузу в момент когда лого apple выделено, вы увидите слева в слоях, что лого состоит из эллипса, и двух векторных фигур (листочек и сама форма яблока).
      Вам надо просто сделать такой векторный обьект сразу в фигме или скачать откудато отдельно векторный белый символ apple.
      И тогда перетянется разумеется чисто лого яблока, поскольку это отдельная векторная фигура.

  • @vladislavvelev432
    @vladislavvelev432 4 ปีที่แล้ว

    Доброго времени суток)
    Подскажите, сейчас же лучше использовать варианты, для таких случаев как в примере?

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว

      Приветствую. Да, варианты в большинстве случаев будут удобнее.

  • @АндрейШабуневич-х5т
    @АндрейШабуневич-х5т 5 ปีที่แล้ว

    Спасибо за урок. Подскажите , пожалуйста, как один из элементов , образованных из компонента, сделать снова просто элементом, на который компонент больше не влияет? Возможно ли это?

    • @disarto.digital
      @disarto.digital  5 ปีที่แล้ว

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

  • @irinapalamarchuk4688
    @irinapalamarchuk4688 4 ปีที่แล้ว

    Спасибо!!!!

  • @met4ltech
    @met4ltech 4 ปีที่แล้ว

    Даже сохраню.

  • @qqqq2412
    @qqqq2412 5 ปีที่แล้ว +1

    Привет! Во-первых благодарю за уроки! Во-вторых хочу узнать откуда можно скачать уже готовые иконки? По схеме как ты скачивал ассеты для ios11 с фб для скеча (кстати они уже там есть специально для Фигмы). Спасибо! Пожалуйста записывай еще уроки по фигме! Супер!

    • @olenakramar1
      @olenakramar1 5 ปีที่แล้ว

      я тоже хочу узнать где лучше поскачивать все необходимое!

    • @vitaliy9948
      @vitaliy9948 4 ปีที่แล้ว

      плагин с иконками flaticon.com есть.

  • @AnnaDavtyan
    @AnnaDavtyan 4 ปีที่แล้ว

    спасибо!

  • @FAILZONEVIDEOS
    @FAILZONEVIDEOS 4 ปีที่แล้ว

    Какой горячей клавишей вы делаете сразу подряд несколько копий на одинаковом расстоянии?

  • @danyadanyadanyadanya1592
    @danyadanyadanyadanya1592 4 ปีที่แล้ว

    спасибо!!!!!!!

  • @ekaterinasaltanova2541
    @ekaterinasaltanova2541 5 ปีที่แล้ว

    Огромное спасибо за видео! Я только пошла на курсы веба и как-то тяжеловато пошло с компонентами... Хотя они ведь облегчают жизнь!!! Можно спросить, таблицу тоже делают из компонентов? Может есть какая-то ссылочка на рисование таблиц?

    • @disarto.digital
      @disarto.digital  5 ปีที่แล้ว

      Делают таблицы как угодно, но удобнее всего компонентами :) Ссылочки на рисование таблиц под рукой к сожалению нет, но на днях выйдет новое видео, где будет разбираться ситуация, похожая на создание таблиц.

  • @vikasytnik
    @vikasytnik 4 ปีที่แล้ว

    дякую)

  • @alizhilov1391
    @alizhilov1391 4 ปีที่แล้ว

    здравствуйте а если я случайно сделал компонент страницы, как нибудь можно убрать?

  • @IgorShkarin
    @IgorShkarin 3 ปีที่แล้ว

    Чем отличается создание компонента, а потом применение авто лейаут, от обратного:
    Сначала сделать авто лейаут, а потом компонент?

    • @disarto.digital
      @disarto.digital  3 ปีที่แล้ว +1

      В целом - ничем. Однако, если создавать Auto layout для одного слоя, появятся стандартные отступы 10px. В остальном разницы нет.

  • @ValeriyTokarev
    @ValeriyTokarev 3 ปีที่แล้ว

    Когда я меняю текст в дочернем компоненте, в панели Layers текст дочернего компонента не изменяется и остается таким же как и родительского компонента, приходится менять текст вручную. Что делать? Подскажите пожалуйста

  • @malikovazamat
    @malikovazamat 5 ปีที่แล้ว

    Какими клавишами так быстро скопировал объекты и расположил их по порядку на 1.35 минуте? Спасибо.

    • @disarto.digital
      @disarto.digital  5 ปีที่แล้ว

      Копирование объекта, удерживая Alt, затем Ctrl+D для повторения операции (Windows)

  • @thenigmatic8414
    @thenigmatic8414 4 ปีที่แล้ว

    как ты выделяешь элементы под которыми находятся другие слои? у меня сразу слой ниже выделяется и начинает смещаться

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว

      любой элемент можно выделить 3-мя способами: 1. щелчок ЛКМ; 2. щелчок ЛКМ + двойной клик (каждый последующий двойной клик спускает ниже по иерархии слоев); 3. щелчок ЛКМ с зажатым Ctrl (выделяет слой внутри групп и фреймов, вне зависимости от вложенности).

    • @thenigmatic8414
      @thenigmatic8414 4 ปีที่แล้ว

      @@disarto.digital выделение с ктрл, то что мне надо было, спасибо)