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

Поделиться
HTML-код
  • Опубликовано: 19 сен 2023
  • #alexeybychkov #figma #figmatutorial
    Как сделать графики в фигме через компонент и автолейаут
    Карта канала - start.video
    Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
    RUclips - / @alexeybychkov_
    ТикТок - / alexeybychkov_
    Rutube - rutube.ru/channel/24298564/
    Дзен - zen.yandex.ru/alexeybychkov
    Инстаграм - / alexeybychkov_
    Телеграм - t.me/a1exeybychkov
    Вконтакте - alexeybychkov
    Обучение - alexeybychkov.study/
    Мои цитаты - zapi.si/
    Мои 404 - www.404.gallery/
    Хелп по Фигме - figma.help/
    💰❤️ Поддержать канал:
    / @alexeybychkov_
    бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
    патреон - / alexeybychkov - английский, доллары
    •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
    Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
    Подробнее обо мне - alexeybychkov.com/about/
    17 лет опыта - alexeybychkov.com/experience/
    Пишу - alexeybychkov.com/blog/
    Дизайню - alexeybychkov.com/cases/
    Отзывы - clck.ru/K5Mcc
    Мои книги:
    «Дизайн и фриланс. Начало» - clck.ru/JE8ku
    «Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
    Хелп по Фигме: уроки, видео, советы, фишки - figma.help
    Мир фейсов: faces.world/
    #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

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

  • @anku_onku
    @anku_onku 4 дня назад

    Класс, не перестаю радоваться, как ты легко и понятно преподносишь инфу)🔥

  • @Anna_Bratkova
    @Anna_Bratkova 11 месяцев назад +19

    Удивительно, как в 3 минуты столько полезного поместилось!😃Спасибо!

  • @auror.
    @auror. 9 месяцев назад +5

    Алексей. спасибо за полезный урок. Особенно приятно что все лаконично и понятно объясняешь, а еще и успеваешь во время объяснений все показать на практике. Надеюсь что когда-то тебе вручат дизайнерский Оскар за полезность и щедрость твоих роликов (хорошо что бесплатно делишься качественной информацией).

  • @nata_nativ
    @nata_nativ 10 месяцев назад +6

    Сколько ж меня пугали эти графики. А один раз попробовала по уроку Алексея, и теперь проблем нет. Как же все легко и просто на самом деле. :)

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад +1

      Круто) рад, что полезно

  • @yseidova
    @yseidova 11 месяцев назад +3

    Спасибо за подробный разбор, все получилось быстро , глядишь черный пояс по автолояуту не за горами 😁

  • @Alexandraizotova727
    @Alexandraizotova727 3 месяца назад +2

    Привет из 15 группы 👋
    Пойду попробую повторить)
    По видео кажется, что легко)
    Спасибо большое, Алексей😊

    • @alexeybychkov_
      @alexeybychkov_  3 месяца назад +1

      👋 Спасибо за просмотр)

  • @Lera_tvoiagent
    @Lera_tvoiagent 10 месяцев назад +1

    Конечно же лайк💜 С твоими объяснениями всё становится понятно и просто🤗

  • @mariafomenko84
    @mariafomenko84 11 месяцев назад +2

    Ура, наконец-то и я на бусти подписалась) быстро и понятно!

    • @alexeybychkov_
      @alexeybychkov_  11 месяцев назад +1

      Спасибо за подписку!

  • @varvarapodrugina121
    @varvarapodrugina121 3 месяца назад +1

    так просто и быстро, шок контент😍 спасибо!

  • @csc_annem
    @csc_annem 10 месяцев назад +2

    похоже, я начну любить графики👍спасибо!🔥

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s 11 месяцев назад +3

    Твои объяснения по АЛ это просто 🔥🔥🔥🔥🔥🔥🔥

  • @user-lf6zu1cg6r
    @user-lf6zu1cg6r 10 месяцев назад

    Огонь! 🔥🔥🔥Спасибо за ролик)

  • @kitfter144
    @kitfter144 11 месяцев назад +2

    крутяк! была такая проблема и я убирал компоненты)

    • @alexeybychkov_
      @alexeybychkov_  11 месяцев назад +3

      У следующий раз можно не убирать

  • @user-bs2ti8xx4h
    @user-bs2ti8xx4h 10 месяцев назад

    Просто супер кий контент! Лёгкая подача и как всегда все доходчиво! Спасибо!

  • @innasapegina7068
    @innasapegina7068 6 месяцев назад +1

    ❤❤❤ За три минуты! Браво!))

  • @user-we4cn5ih1u
    @user-we4cn5ih1u 10 месяцев назад

    Гениальное просто! Алексей, спасибо за такой полезный урок!

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      Спасибо за просмотр)

  • @AmiiDesign
    @AmiiDesign 10 месяцев назад +2

    Жарко как в печке!💜💥

  • @evilmiya_
    @evilmiya_ 10 месяцев назад +1

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

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад +1

      Спасибо за просмотр)

  • @user-co1kc1co9s
    @user-co1kc1co9s 24 дня назад

    Как всегда Топчик!

  • @natufina2533
    @natufina2533 3 месяца назад

    Отлично, получилось быстро и удобно. Спасибо за ролик!

  • @user-xc1yz3mh4z
    @user-xc1yz3mh4z 10 месяцев назад +1

    Спасибо, пошла пробовать😀

  • @ylazima
    @ylazima 7 месяцев назад

    Крутой лайфхак! Компоненты и автолейаут - самые главные инструменты фигмы, которые упрощают и облегчают работу многократно.

  • @youtubeNat
    @youtubeNat 9 месяцев назад

    Спасибо! Отличный урок

  • @gushmarg
    @gushmarg 10 месяцев назад +2

    Это просто пушка🔥🔥🔥 Компоненты ван лав❤️

  • @dariatukmakova
    @dariatukmakova 9 месяцев назад

    Классный и удобный вариант! Супер!

  • @user-fy2lg3fy7u
    @user-fy2lg3fy7u 9 месяцев назад

    Очень полезно, супер! Особенный кайф в конце, когда со всем разобралась :)

  • @user-nm6yg3wc2s
    @user-nm6yg3wc2s 3 месяца назад +1

    Гениальный контент)🔥🔥🔥

  • @ThePlayTimeSAMP
    @ThePlayTimeSAMP 10 месяцев назад +1

    Красавчик! Спасибо)

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад +2

      Спасибо за просмотр)

  • @yseidova
    @yseidova 9 месяцев назад

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

  • @Mickhalytch
    @Mickhalytch 10 месяцев назад

    а я вообще не так давно стал осваивать фигму, и тут мне ютуб рекомендашку кинул с Алексеем, так теперь и смотрю. Столько полезной инфы!! А самое главное очень доступным языком!!! 👍Спасибо !!!

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      Очень рад, что нравится!

  • @pridari
    @pridari 10 месяцев назад +1

    Супер ролик!)

  • @ya.yaroky
    @ya.yaroky 3 месяца назад +1

    Всего 3 минуты, а полезностей сколько. Огонь огненный!
    Привет из 15 группы)

  • @popolavas
    @popolavas 10 месяцев назад +1

    Сначала лайк, потом видео смотрю) всегда полезный контент

  • @mira_st
    @mira_st 6 месяцев назад

    Сколько пользы за 3 минуты! Структура+эстетика=❤‍🔥

  • @PolinaKineva
    @PolinaKineva 6 месяцев назад

    Это же гениально! Спасибо, буду теперь точно пользоваться😊

  • @Denizes_
    @Denizes_ 10 месяцев назад

    Благодарю! Как всегда класс!

  • @DmitriiH
    @DmitriiH 10 месяцев назад +2

    Огонь 🔥

  • @user-mi1sf6dj7g
    @user-mi1sf6dj7g 9 месяцев назад

    Ну огонь же!)

  • @user-ev2cx2to4g
    @user-ev2cx2to4g 4 месяца назад +1

    Что бы я без вас делал! Спасибо!!!

  • @marinaguc7802
    @marinaguc7802 4 месяца назад

    Спасибо, было полезно. Оказывается всё просто👍

  • @rr9863
    @rr9863 9 месяцев назад

    просто, понятно, полезно и (главное) быстро!

    • @alexeybychkov_
      @alexeybychkov_  9 месяцев назад

      Спасибо за просмотр)

  • @TheYovorgy
    @TheYovorgy 10 месяцев назад +2

    Это. Просто. 🖐🖖✌👍🤘🤘✊.

  • @shinratomeoko8369
    @shinratomeoko8369 10 месяцев назад

    Леша как всегда лучший, спс за полезный контент ❤

  • @nenasta
    @nenasta 9 месяцев назад

    Вау, тоже хочу так разбираться в АЛ, спасибо!)

    • @alexeybychkov_
      @alexeybychkov_  9 месяцев назад

      Дело времени) и кнопки нажимать надо

  • @tatianamakarov8164
    @tatianamakarov8164 11 месяцев назад +2

    круто. спасибо большое

  • @Anton_Ivaniuk
    @Anton_Ivaniuk 10 месяцев назад +1

    Согласен, удивительно! Да, ещё и на смешные дубли время осталось! Спасибо, Алексей!

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      Спасибо за просмотр)

  • @alinalazchenko8310
    @alinalazchenko8310 11 месяцев назад +2

    компонентное фаталити😄 спасибо❤‍🔥

  • @user-pm1sr9rw5o
    @user-pm1sr9rw5o 5 месяцев назад

    Спасибо, я начинаю дружить с этими лайаутами и компонентами))

  • @lisaboronnikova3134
    @lisaboronnikova3134 3 месяца назад +1

    За три минуты о том, с чем джун может проплюхаться целый день и все равно сделать неправильно 😁 Спасибо, Лёша!

  • @SolovyovaValentina
    @SolovyovaValentina 10 месяцев назад

    Привет, Лёша! Спасибо, теперь и у меня ещё больше сэкономило времени....😀

  • @LiliaSeleznyova
    @LiliaSeleznyova 9 месяцев назад

    Легко, просто и понятно, спасибо! 😌

  • @Lera_tvoiagent
    @Lera_tvoiagent 9 месяцев назад

    Всё получилось с первого раза🤩 Супер🔥

  • @user-fh1de2gc1l
    @user-fh1de2gc1l 9 месяцев назад

    Ура, получилось! 🔥

  • @AmiiDesign
    @AmiiDesign 10 месяцев назад +1

    И майка огонь)))

  • @tulkunovx1866
    @tulkunovx1866 10 месяцев назад

    Супер. Интересно было бы еще посмотреть на "Линейный график" или похожее с АТ и Компонентами

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      А там же нет повторений

  • @vaka_paka_vaka
    @vaka_paka_vaka 10 месяцев назад +1

    Спасибо!

  • @anastasiashilina1148
    @anastasiashilina1148 7 месяцев назад

    Thank you for such a nice and quick lesson! Fill Hug!

    • @alexeybychkov_
      @alexeybychkov_  7 месяцев назад

      Спасибо за просмотр)

  • @Guli_Kadirxanova
    @Guli_Kadirxanova 10 месяцев назад +1

    Ваш образ чем то напоминает советское время, но то что говорите вообще фюче 😂
    А я еще раз пересмотрю и запишу😅

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад +2

      😀 Спасибо за просмотр)

  • @sessl5436
    @sessl5436 10 месяцев назад

    Гениально просто😮

  • @user-dn8il2xs3w
    @user-dn8il2xs3w 10 месяцев назад

    Все через одно место это очень удобно и быстро! Это пушка 🎉 буду пользоваться) спасибо 🙏💕

  • @user-rb9em2yg8r
    @user-rb9em2yg8r 10 месяцев назад

    С Алексеем любые графики по плечу (:
    Спасибо ща годный контент!

  • @user-dh1or5km1w
    @user-dh1or5km1w 10 месяцев назад

    Гениально 😊

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      Спасибо за просмотр)

  • @vaka_paka_vaka
    @vaka_paka_vaka 6 месяцев назад

    Спасибо. Сразу получилось

  • @ap0la506
    @ap0la506 3 месяца назад +1

    Свободное время любим - смотрим курс Бычкова

    • @alexeybychkov_
      @alexeybychkov_  3 месяца назад

      Спасибо за просмотр)

  • @stanislavshnaider7374
    @stanislavshnaider7374 6 месяцев назад +1

    Саммый полезеый контент про фигму среди русскоязычной аудитории!!!!🤟

  • @stasshalamov5070
    @stasshalamov5070 9 месяцев назад

    Круто!

  • @andrei4079
    @andrei4079 10 месяцев назад +1

    Просто, быстро и вкусно!!!!

  • @user-yc4qn2uj4c
    @user-yc4qn2uj4c 10 месяцев назад +1

    Агонь!

  • @lymanina
    @lymanina 7 месяцев назад

    спасибо, повторила, получилось, ясно теперь для чего компоненты)

    • @alexeybychkov_
      @alexeybychkov_  7 месяцев назад

      а раньше совсем не пользовалась?

  • @Usyk-27
    @Usyk-27 10 месяцев назад

    Приятное чувство, я сам к этому дошёл, правда не за 3 минуты а часа за пол, но сделал через компонент, точь в точь как в ролике))

  • @ap0la506
    @ap0la506 4 месяца назад

    Ну бомба же)

  • @Aliven
    @Aliven 9 месяцев назад

    Спасибо! Очень крутой лайфхак. Часто создаю компоненты для табов или FAQ, где есть горизонтальная линия на всю ширину страницы. Теперь смогу настраивать длину этой линии через отступы, вместо того, чтобы создавать несколько отдельных линий в одном компоненте :D

  • @georgybakharev4645
    @georgybakharev4645 10 месяцев назад

    Бамп
    Спасибо за контент

  • @axlk6515
    @axlk6515 10 месяцев назад

    Леха выглядит как "тот самый" дизайнер, который рассказывает как стать юикс-дызайнером, живя в тайланде и работая с ноутбуком 2-3 часа в день)))

  • @markovichmax8853
    @markovichmax8853 10 месяцев назад +1

    на обучение на дашиках у всех эта проблема была)))))

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      Больше не проблема)

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

    Чики-Пуки получилось!
    Спасибо!!!

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

      Спасибо за просмотр)

  • @user-so5qq2tg3s
    @user-so5qq2tg3s 9 месяцев назад

    Огонь просто

  • @AlinaB_
    @AlinaB_ 6 месяцев назад

    отлично, получилось! спасибо! супер изи))))

  • @1vohr3
    @1vohr3 10 месяцев назад +2

    AГОНЬ!!!!

  • @2202306
    @2202306 10 месяцев назад

    Супер

  • @humancore2677
    @humancore2677 11 месяцев назад +3

    ни - че - го 😁

  • @anna.bohon94
    @anna.bohon94 10 месяцев назад

    Боялась графиков как огня😤
    Но благодаря твоим видео - страх прошел)

  • @daracaraboot
    @daracaraboot 9 месяцев назад

    *Вы чего, ребята, пять тыщ просмотров, а спасибу написать в комментах?* Лёша, спасибо, суперспособ, всё получилось с первого раза как надо!

  • @VeraSadko
    @VeraSadko 10 месяцев назад

    Только с тобой перестала бояться АЛ. Теперь надо переставать бояться компонентов🫶

  • @naz95naz
    @naz95naz 10 месяцев назад +1

    А можно такое же объяснение, только о таблицах?

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад +1

      Да там вроде и объяснять нечего)

  • @kraucifer
    @kraucifer 10 месяцев назад

    Сложно, но понятно х) По сути получается что уложить в голову с 1 раза тяжело, но когда понадобиться, посмотреть видео, повторить - и сразу станет всё ясно. Хотя вроде бы создать 4 автолейаута)

  • @vickisska
    @vickisska 9 месяцев назад

    Спасибо! Как это легко оказалось! А можно ниши делать светлее фона? Или это не логично?

    • @alexeybychkov_
      @alexeybychkov_  9 месяцев назад

      Пустота это потемки

  • @tri21pusk
    @tri21pusk 10 месяцев назад

    Не пользуюсь компонентами т.к. когда начинаю делать еще не знаю что будет в конце. Во время работы легко появляется с десяток вариантов. А когда сделаю и утвержу у заказчика, то смысла переделывать на компоненты уже нет. Завидую людям которые с самого начала знают какой дизайн будет в конце.

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      никто не знает) но ни что не мешает в процессе вносить правки в компоненты, чтобы все делать 1 раз, а не 10

  • @Lera_tvoiagent
    @Lera_tvoiagent 10 месяцев назад

    🔥🔥🔥

  • @user-kp4uk7qg4q
    @user-kp4uk7qg4q 10 месяцев назад

    💪

  • @egorbraun1261
    @egorbraun1261 10 месяцев назад

    Леха рассказывай где отдыхал, капец ты загорелый 💪

  • @Lera_tvoiagent
    @Lera_tvoiagent 10 месяцев назад

    Автолейаут всему голова☝🏻😅

  • @ilyapanishchev5206
    @ilyapanishchev5206 10 месяцев назад +1

    Пойти дашик переделать чтоли🤔... А то я там через абсолют делал и зеркалил некоторые. Зато слоев меньше - а то как нагородят. Не буду передлывать😁😁

  • @mariafomenko84
    @mariafomenko84 6 месяцев назад

    делаем домашеньку👍

  • @dmitryblagodarovshorts
    @dmitryblagodarovshorts 10 месяцев назад

    А как в процентах значение для графиков ставить в этом случае? :)

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад +1

      через калькулятор

  • @user-c0000
    @user-c0000 9 месяцев назад

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

    • @alexeybychkov_
      @alexeybychkov_  9 месяцев назад

      Да несколько раз слетал на пол( когда рукавом задевал. Совет видимо только другого типа браслет использовать

  • @itdvdw
    @itdvdw 10 месяцев назад +1

    А с линейными графиками такое прокатит?

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад +1

      Линейный график это же кривая, а не набор столбиков. Там компонентить нечего

  • @hamajiinuzuka7917
    @hamajiinuzuka7917 10 месяцев назад

    А я люблю баклажаны!😂

  • @yananatynchik335
    @yananatynchik335 10 месяцев назад +1

    Оказывается не так то и сложно все 😅

  • @DavydovAndrey1992
    @DavydovAndrey1992 10 месяцев назад

    что-то не понял смысла автолейаута тут, быстрее уменьшить график, просто уменьшив ректенгл курсором) а не превращать всё в автолейаут и подбирать цифру в панели, ещё искать где верх и низ)

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      Добавь фон под графиком и уменьши, ага

    • @DavydovAndrey1992
      @DavydovAndrey1992 10 месяцев назад +1

      получилось всё равно) ладно, всё же этот метод в видео выучил конечно же, понимание придёт позже, уверен) я начинающий=)@@alexeybychkov_