AutoLayout и компоненты в Фигме: как настраивать графики

Sdílet
Vložit
  • čas přidán 27. 08. 2024
  • #alexeybychkov #ityoutubersru #figma
    Показал несколько вариантов, как настраивать графики используя компоненты и AutoLayout
    Карта канала - start.video
    Файл исходник из ролика: www.figma.com/...
    Файл со скриншотами для насмотренности: boosty.to/alex...
    CZcams - / @alexeybychkov_
    ТикТок - / alexeybychkov_
    Rutube - rutube.ru/chan...
    Дзен - zen.yandex.ru/...
    Инстаграм - / alexeybychkov_
    Телеграм - t.me/a1exeybyc...
    Вконтакте - alexeyb...
    Обучение - alexeybychkov....
    Мои цитаты - zapi.si/
    Мои 404 - www.404.gallery/
    Хелп по Фигме - figma.help/
    💰❤️ Поддержать канал:
    / @alexeybychkov_
    бусти - boosty.to/alex... - русский интерфейс, рубли
    патреон - / alexeybychkov - английский, доллары
    •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
    Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
    Подробнее обо мне - alexeybychkov....
    17 лет опыта - alexeybychkov....
    Пишу - alexeybychkov....
    Дизайню - alexeybychkov....
    Отзывы - clck.ru/K5Mcc
    Мои книги:
    «Дизайн и фриланс. Начало» - clck.ru/JE8ku
    «Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
    Хелп по Фигме: уроки, видео, советы, фишки - figma.help
    Мир фейсов: faces.world/
    #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Komentáře • 362

  • @alexeybychkov_
    @alexeybychkov_  Před rokem +17

    Пользуйтесь фиолетовым! и картой канала пользуйтесь! start.video

    • @alexeybychkov_
      @alexeybychkov_  Před rokem +2

      💯

    • @its_no_way
      @its_no_way Před rokem +6

      Карта канала это просто топ, всем рекомендую туда сходить на чай, уверяю, останетесь на долго и одним чаем не отделаетесь 🔥

    • @Alexandraizotova727
      @Alexandraizotova727 Před rokem +2

      Виолетовым!😁

    • @user-fo4se3ym3w
      @user-fo4se3ym3w Před 4 měsíci

      Здорово) как всегда четко и по делу)

  • @user-mf9md4lc5w
    @user-mf9md4lc5w Před 7 měsíci +7

    Ролики Алексея учат не только правильно использовать АЛ, но и другим полезностям. Вчера раза 3-4 смотрел, пытался сделать, но не повторять за тобой, а посмотреть и сделать самому. Ну никак не получалось, один раз сделал, но сам не понял как, поэтому решил еще раз заново собрать и опять не получилось. Сегодня сел и с первого раза все собрал. Понял, что важно не только вжобывать, но и давать головушке немного отдыхать, даже если кажется, что никаких существенных нагрузок не получил. Спасибо Леха, польза в каждом ролике.

    • @alexeybychkov_
      @alexeybychkov_  Před 7 měsíci

      Круто) да, надо кнопки нажимать!

  • @serhiisaviiskyi2382
    @serhiisaviiskyi2382 Před rokem +24

    Можно ещё проще сделать. Создаём один прямоугольник (фиолетовый), обворачиваем его в автолейаут, делаем зелёную заливку. Фиолетовый прямоугольник - fill container, значения (цифры) добавляем абсолютным позиционированием, играемся правым отступом, всё. В итоге слоёв меньше, и нету манипуляций с зелёным прямоугольником как на видео.

  • @olgakotova8943
    @olgakotova8943 Před rokem +13

    Посмотрела видео, как на китайском, почитала комменты, еще грустнее стало, все такие крутыши, всем все понятно 💪🏻 одна я не въезжаю 🤔 Леш, тебе конечно же огроменное спасибо ❤ пойду пересматривать мильонпятьсот раз, пока не пойму 🤔

    • @alexeybychkov_
      @alexeybychkov_  Před rokem +1

      кнопки понажимаешь и начнет получаться!

  • @lisaboronnikova3134
    @lisaboronnikova3134 Před 4 měsíci +2

    Ух, нужно много раз проделать показанное в уроке, чтобы запомнить оба способа настройки графиков и в нужный момент не растеряться 😄 Спасибо, Лёша!

  • @popolavas
    @popolavas Před rokem +13

    Я категорично заявляю - это самый годный контент на Ютуб. Особенно подача ❤️

  • @Lera_tvoiagent
    @Lera_tvoiagent Před rokem +6

    Тот самый случай, когда видосов про AutoLayout много не бывает😁👍🏻 С твоими разъяснениями всё становится понятно и просто😍

  • @olivnight
    @olivnight Před rokem +2

    Ух какая магия!
    Алексей, спасибо вам большое! У меня раньше автолейауты и компоненты приступы паники вызывали. Теперь же вполне уверенно себя с ними чувствую, хотя бывает еще местами туплю, но быстро исправляюсь. А все благодаря вашим роликам! Я наконец-то поняла логику работы, а дальше нужно только воображение, чтобы придумать как использовать инструменты, чтобы получилось то, что нужно. Огромное спасибо! Вы просто невероятно прокачали мои навыки в фигме!

  • @Fin_Win
    @Fin_Win Před rokem +1

    Что ни ролик - то в подборку сохраняю! Годнота! И отдельный лайк ❤

  • @its_no_way
    @its_no_way Před rokem +1

    Ура, новый классный ролик!🔥

  • @olyapustovalova9537
    @olyapustovalova9537 Před 9 měsíci

    Очень интересно, прям магия какая-то)) Пока нелегко, перематываю, пробую снова и снова! Спасибо за материал!

  • @TDee_S
    @TDee_S Před rokem

    Спасибо, все очень просто, когда наблюдаешь, как работает профессионал и повторяешь за ним 👍

  • @user-os5le5jk1i
    @user-os5le5jk1i Před rokem +1

    Спасибо, Алексей. Вы и Ваш канал находка. Полезная инфа

  • @tatianatwin5717
    @tatianatwin5717 Před rokem +1

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

  • @ylazima
    @ylazima Před 7 měsíci +1

    Лучший контент по веб-дизайну, который я встречала!

  • @its_no_way
    @its_no_way Před rokem +5

    6:16 мое почтение, самое понятное объяснение которое только могло быть 🔥

  • @marisami7858
    @marisami7858 Před rokem +1

    Ааахаха, третий способ - огонь огненный😂🔥
    Спасибо за полезный контент и хорошее настроение👍

  • @JeiranS
    @JeiranS Před rokem +1

    А дубли в конце, наверное, мое любимое во всех видео)😂😂😂

  • @varvarapodrugina121
    @varvarapodrugina121 Před 4 měsíci +1

    очень залипательно эти графики перетягивать, когда настроишь😅 спасибо!

  • @Alexandraizotova727
    @Alexandraizotova727 Před 4 měsíci +1

    Алексей, спасибо, что поделился двумя классными способами создания графиков!
    Ну а третий в стиле "чик-чирик" нужно постараться забыть и не вспоминать теперь, от греха подальше😅

  • @its_no_way
    @its_no_way Před rokem +16

    На самом деле это все так удобно и просто, что трудно представить само существование людей, которые этим не пользуются 😢

    • @alexeybychkov_
      @alexeybychkov_  Před rokem +13

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

    • @oprotonoo
      @oprotonoo Před rokem +1

      @@alexeybychkov_ а что там тогда остается, кроме этого? чему учить-то? )

    • @alexeybychkov_
      @alexeybychkov_  Před rokem +6

      @@oprotonoo как криво поставить 2-3 направляющие и рассказывать, что сетка для наркоманов))

  • @user-mc3mz8yc8d
    @user-mc3mz8yc8d Před rokem +1

    Офигеть, а так можно было что ли) Спасибо, Лёш, очень полезно!

  • @pridari
    @pridari Před rokem

    Спасибо за ролик! Круто, что видосы не поверхностные, затрагиваются сложные темы, но на понятном языке для таких как я!!😃😃😃😃

  • @mira_st
    @mira_st Před 7 měsíci

    Как играючи такие хитрые штуки ты делаешь, тоже так хочется) Приятно под твои ролики нажимать кнопки, спасибо! 🔥

  • @nadia.k.1701
    @nadia.k.1701 Před rokem +1

    Спасибо за полезный и нескучный контент😍🔥🔥🔥

  • @dariya.gecher
    @dariya.gecher Před rokem +1

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

  • @MrHoma94
    @MrHoma94 Před rokem +1

    Лучший подарок на день рожденья❤ спасибо Алексей💪🏻💪🏻💪🏻

    • @alexeybychkov_
      @alexeybychkov_  Před rokem +2

      круто) поздравляю с Днем рождения! 🥳

  • @sashagapeeva1445
    @sashagapeeva1445 Před rokem +1

    Леша, это какая-то магия магическая 🔮 Мне очень нравится в твоих видео, что ты очень понятно и доступно объясняешь логику своих действий. Спасибо!

  • @ekaterinaklaving3904
    @ekaterinaklaving3904 Před rokem +1

    Печатать линии - это гениально)) Спасибо! Столько всего полезного узнала здесь о Фигме 🎉

  • @yana.kolpakchi
    @yana.kolpakchi Před rokem

    Дякую,з твоїми поясненнями автолейаут і справді здається чимось легким)

  • @its_no_way
    @its_no_way Před rokem +2

    Спасибо за классный ролик, не зря весь день ждал 🔥 Жаль правда что короткий, но к счастью на канале еще столько непросмотренной годноты 😍

  • @user-oq1zt8eq9l
    @user-oq1zt8eq9l Před rokem

    Как всегда, понятно и доступно, а главное актуально.

  • @DenNikitin1
    @DenNikitin1 Před rokem

    Чутка с опозданием)) Смотрел с удовольствием, спасибо за полезности)))

  • @anku_onku
    @anku_onku Před rokem

    Ваааай, какой ролик подъехал 😍 срочно бегу смотреть пока есть время 🥳🔥

  • @TanyaBal
    @TanyaBal Před rokem

    я смотрела, пересматривала и нажимала кнопки два дня подряд! но я поняла, забетонировала в памяти и отточила пальцыспасибо, Леша!

  • @user-bs7qx9ls8u
    @user-bs7qx9ls8u Před rokem +1

    Подача информации на высшем уровне.👌

  • @daracaraboot
    @daracaraboot Před 10 měsíci

    Лёша, спасибо за ролик, как всегда всё быстро и понятно) Отдаю сердечко способу номер три! Шуууутка, конечно, второму, на автолейаутах ❤

  • @viktorriiuus
    @viktorriiuus Před rokem +2

    Единственный фокусник, который удивляет!😄 Спасибо!

  • @vasilina_atl
    @vasilina_atl Před rokem +1

    Учимся по твоим роликам👍🔥 спасибо за видос)

  • @Lera_tvoiagent
    @Lera_tvoiagent Před rokem

    Магия на 9-ой минуте🤩🔥 Пересмотрела несколько раз😂

  • @its_no_way
    @its_no_way Před rokem +8

    У этого графика день получился интересней чем у меня, столько с ним успело случиться😄

  • @anku_onku
    @anku_onku Před rokem +1

    04:12, ух ты)) здорово) посмотрела и надо срочно повторить 😁 но после просмотра ролика))

  • @mysteriym
    @mysteriym Před rokem

    Алексей, от души благодарю. Бомбический канал

  • @SolovyovaValentina
    @SolovyovaValentina Před rokem +1

    Привет, Лёша! Обожаю , как ты рассказываешь " тонкости" Автолояута 👍👍👍 спасибо за ролик!

  • @user-ud5lu9gr1j
    @user-ud5lu9gr1j Před 6 měsíci +1

    Это реальное волшебство ! раньше терпеть не могла компаненты ( я не понимала что с ними делают) а щас прям начинаю любить уже !
    спасибо за такие интересные ролики !

    • @alexeybychkov_
      @alexeybychkov_  Před 6 měsíci

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

  • @lviv6967
    @lviv6967 Před rokem +1

    Спасибо вам за хорошие ролики. подача все супер. Как по мне это лучший ютуб канал по веб дизайну

  • @burrrnashev
    @burrrnashev Před 11 měsíci

    Классно! Я сначала чет тупил, привязки не показывались и другие проблемы были, короче не получалось. А потом все получилось! Супер, спасибо

  • @helenk2610
    @helenk2610 Před rokem

    Как всегда познавательно, спасибо!

  • @anku_onku
    @anku_onku Před rokem +1

    11:41 😂 хорошая заметка про собеседование)) и для вёрстки наверное не очень такое)

    • @alexeybychkov_
      @alexeybychkov_  Před rokem +1

      😂 если с верстальщиком поругался - в самый раз))

    • @its_no_way
      @its_no_way Před rokem +1

      @@alexeybychkov_ 😂

  • @stanislavshnaider7374
    @stanislavshnaider7374 Před 7 měsíci

    Третий способ вообще 🔥 🔥 огонь!😁

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Před rokem

    Спасибо за классный лайфхаки. Обычно просто так до такого руки не доходят, а тут сколько годноты. Быстро, понятно и с классными примерами. Лайк=))👍👍👍👍👍👍👍👍👍👍

  • @annashakirova9680
    @annashakirova9680 Před rokem +1

    Это бомба! Как раз графики рисую :) у меня правда 6 разных данных в строке, пойду играться :)

  • @natufina2533
    @natufina2533 Před 4 měsíci

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

  • @anku_onku
    @anku_onku Před rokem +1

    Спасибо большое)) обязательно попрактикуюсь сегодня))) ❤️ супер ролик 🤗

  • @lana_svetlana.
    @lana_svetlana. Před rokem +1

    Очень полезный ролик) Сколько раз меня уже выручали твои ролики и что самое интересное, как только у меня возникает проблема, через какое-то недолгое время у тебя появляется ролик на эту тему 😄❤‍🔥

  • @user-hh5wr5yi3s
    @user-hh5wr5yi3s Před rokem

    Спасибо за понятное объяснение, пошла пробовать 🎉
    Лёша, без твоих роликов дизайнить вообще никак 😅

  • @elenashchotkina1602
    @elenashchotkina1602 Před rokem +1

    Мой любымый блогер❤️
    Обожаю твои видошки☺️. Благодарю за полезности 🙂Фил Хуг

  • @kraucifer
    @kraucifer Před rokem +1

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

    • @alexeybychkov_
      @alexeybychkov_  Před rokem

      надо кнопки понажимать и дело пойдет)

  • @user-td5rx4wq8p
    @user-td5rx4wq8p Před rokem

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

  • @natufina2533
    @natufina2533 Před rokem

    Без АЛ уже не представляю жизни, но у тебя всегда что-то интересное найдется)

    • @alexeybychkov_
      @alexeybychkov_  Před rokem

      тоже не понимаю как жить без АЛ))

  • @kegarri5264
    @kegarri5264 Před rokem

    Потрясно! Это как раз то, что я искал. Спасибо)

  • @irinanartova8367
    @irinanartova8367 Před rokem

    Это то, что мне сейчас и нужно!!! 👍👍👍

  • @anku_onku
    @anku_onku Před rokem

    10:15 огонь 🔥 согласна)) вообще шикарно)) жаль нельзя ставить много лайков за такое))

  • @marinaguc7802
    @marinaguc7802 Před rokem

    Спасибо за полезную информацию! Данная тема всегда в топе моих любимых)

  • @alisaprokofyeva8361
    @alisaprokofyeva8361 Před rokem +1

    Фил Хуг! Спасибо за видео. 🔥🔥🔥
    Благодаря тебе улучшается не только стат интеллекта, но и эстетический вкус!)

  • @user-ql4jv9id3z
    @user-ql4jv9id3z Před rokem +1

    ой, это магия вне Хогвартса какая-то) спасибо!

  • @mangyst276
    @mangyst276 Před rokem +1

    Графики от Лёши облегчат всем жизнь!!!

  • @tttansiqintro3633
    @tttansiqintro3633 Před rokem +1

    Спасибо за крутой ролик! Количество информации перегрузили мой мозг.🤯 Пойду переваривать в Фигму

  • @irynamelnychenko88
    @irynamelnychenko88 Před rokem +1

    АААА, мозг взрывается. Когда повторяю, то все получается, как только делаю что-то свое, начинаю тупить. Надо больше практиковаться) Спасибо за такие крутые ролики!

  • @its_no_way
    @its_no_way Před rokem +1

    Ой, ну такую крутотень грех не пересмотреть 😍

  • @user-wp7et9wk9m
    @user-wp7et9wk9m Před rokem

    Как же круто ты все объясняешь!!!

  • @user-cg6mx4tk7f
    @user-cg6mx4tk7f Před rokem +1

    Лёша, спасибо за то, что ты делаешь!! Я еще не очень умею в автолейаутах и компонентах, для меня это взрыв мозга , но пойду пробовать 😅
    История: Зашла недавно на интенсив по юхуй (не буду говорить у какой школы), тааам такому учили - картинки в компонентах менять через добавление всех картинок в мастер и скрывать слои - я думала такому уже не учат !!!😮 Но я подкованная - твои ролики смотрю и не повелась на их дичь!!! Спасибо за такой полезный контент 🫶🏻

    • @alexeybychkov_
      @alexeybychkov_  Před rokem +1

      пожалуйста) рад, что полезно

  • @JeiranS
    @JeiranS Před rokem

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

  • @Maks_K.
    @Maks_K. Před rokem +1

    Это чудо какое-то! Волшебник🤩

  • @user-vf4gj8jz4l
    @user-vf4gj8jz4l Před rokem

    Категорично 😤кайфовый и полезный ролик! Спасибо

    • @alexeybychkov_
      @alexeybychkov_  Před rokem

      Категоричное спасибо за просмотр!

  • @Midi25
    @Midi25 Před rokem +2

    А я во время урока повторила всё =) практика полезна! Спасибо за карту

  • @katiekits6723
    @katiekits6723 Před rokem +2

    Спасибо за такие супер-пупер уроки❣ Если все повторять по шагам, то очень эффектно получается, но как только пытаюсь что-то изменить или не подсматривать шаги, то все... Как эпизод из "Друзей" когда Фиби пыталась научить Джои говорить по-французски🤣

  • @stasja_kunst
    @stasja_kunst Před rokem +1

    3 вариант подходит для тех же людей, которые, вместо разрыва страницы в Ворд,е ставят энтеры...
    Спасибо за контент!! Единственный канал, где хочется писать комментарии всегда))

  • @Lady7Rain
    @Lady7Rain Před rokem +9

    Категорично заявляю - теперь этот ролик мой любимый 🤣 Спасибо за классную информацию и такой потрясааающий пример 😂 пойду теперь шаманить свой дашик, чтобы на собеседовании удивлять)
    P.S. Это всё названия комиксов, рекомендую, они крутые, особенно Метеора 😏

  • @mariafomenko84
    @mariafomenko84 Před 7 měsíci

    смотрим, делаем, учимся!

  • @Tasha_ryzh
    @Tasha_ryzh Před rokem

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

  • @csc_annem
    @csc_annem Před rokem

    Как приятно начать понедельник с нового видео от тебя, как в старые добрые времена. Я очень люблю эту традицию, но еще больше мне нравится полезный контент🤗🔥

  • @youtubeNat
    @youtubeNat Před 10 měsíci

    Лёша, спасибо, что помогаешь перестать бояться графиков и АЛ!

  • @waldemar56
    @waldemar56 Před rokem

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

  • @anikaskinonelove
    @anikaskinonelove Před rokem

    Спасибо Алексей) новое знание в копилочку

  • @user-op9kq1uo3r
    @user-op9kq1uo3r Před rokem

    Спасибо за твою подачу информации 🔥🔥🔥пошла пробовать 👍 это же крутооооо 😃😃😃

  • @miiishkaaaaaa
    @miiishkaaaaaa Před rokem

    Дякую! Як завжди топ контент 💪✊

  • @user-xu9uw3sy3t
    @user-xu9uw3sy3t Před rokem

    Спасибо большое за ролик)
    Очень полезно, это же сколько времени можно сэкономить, если пользоваться всеми лайфхаками)

  • @max-ivanov
    @max-ivanov Před rokem

    Крутейший способ делать графики! Спасибо за контент)

  • @user-rn3hw5wj2x
    @user-rn3hw5wj2x Před rokem +1

    С ходу лайк 👍 Спасибо тебе за такой полезный и доступный контент! 💜

  • @sviatlanaharokh3623
    @sviatlanaharokh3623 Před rokem

    Повеселил последним вариантом. Но вообще я про первый уже подумала: класс! попробую только второй сделать)

  • @andrey_balaev
    @andrey_balaev Před rokem

    Как всегда - великолепно :)

  • @pridari
    @pridari Před rokem

    Большое спасибо за урок! Не сразу, но получилось!😀😀😀😀

  • @vaykiki
    @vaykiki Před 8 měsíci

    Спасибо за знания

  • @Kristi_19k
    @Kristi_19k Před rokem

    Спасибо, очень все понятно и просто )

  • @user-zj3dg7ib3y
    @user-zj3dg7ib3y Před rokem

    Спасибо за видео, как всегда всё самое полезное и нужное!!!

  • @Lera_tvoiagent
    @Lera_tvoiagent Před 10 měsíci

    Спасибо! Повторила и всё получилось🔥🔥🔥

  • @ilowash
    @ilowash Před rokem

    Очень понятно, получилось с первого раза 🎉

  • @Valeria_Bychkova
    @Valeria_Bychkova Před rokem

    Делаю во второй раз, с первого раза запуталась и не получилось, но во второй идеально! Спасибо за труд🙌💫

  • @oksilink1458
    @oksilink1458 Před rokem

    Спасибо за такой классный ролик! Всегда твои уроки с пользой! Как только какая то проблема, сразу обращаюсь к твоим урокам а сейчас стало еще удобнее с картой сайта! Дякую😍