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

Поделиться
HTML-код
  • Опубликовано: 4 фев 2023
  • #alexeybychkov #ityoutubersru #figma
    Показал несколько вариантов, как настраивать графики используя компоненты и AutoLayout
    Карта канала - start.video
    Файл исходник из ролика: www.figma.com/file/zVK2C4VXXd...
    Файл со скриншотами для насмотренности: 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

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

  • @alexeybychkov_
    @alexeybychkov_  Год назад +17

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +2

      💯

    • @its_no_way
      @its_no_way Год назад +6

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

    • @Alexandraizotova727
      @Alexandraizotova727 Год назад +2

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

    • @user-fo4se3ym3w
      @user-fo4se3ym3w 2 месяца назад

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

  • @user-mf9md4lc5w
    @user-mf9md4lc5w 5 месяцев назад +7

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

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

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

  • @serhiisaviiskyi2382
    @serhiisaviiskyi2382 Год назад +24

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

  • @olgakotova8943
    @olgakotova8943 Год назад +13

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

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

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

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

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

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

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

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

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

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

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

  • @Lera_tvoiagent
    @Lera_tvoiagent Год назад +6

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

  • @popolavas
    @popolavas Год назад +13

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

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

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

  • @olivnight
    @olivnight Год назад +2

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

  • @olyapustovalova9537
    @olyapustovalova9537 8 месяцев назад

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

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

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

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

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

  • @its_no_way
    @its_no_way Год назад +16

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +13

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

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

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +6

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

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

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

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

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

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

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

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

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

  • @its_no_way
    @its_no_way Год назад +8

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

  • @its_no_way
    @its_no_way Год назад +5

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

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

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

  • @ylazima
    @ylazima 5 месяцев назад +1

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

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

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

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

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

  • @dariya.gecher
    @dariya.gecher Год назад +1

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

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

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

  • @its_no_way
    @its_no_way Год назад +2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      @@alexeybychkov_ 😂

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

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +2

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @viktorriiuus
    @viktorriiuus Год назад +2

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

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

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

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

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

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

      привет. рад, что нравится!

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

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

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

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

  • @lana_svetlana.
    @lana_svetlana. Год назад +1

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

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Год назад

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

  • @olikbolek
    @olikbolek 2 месяца назад +1

    Ух, как бы это все переварить) нужно же потом и без подсказок все сделать

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

      Надо кнопки понажимать, чтобы запомнить

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

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

  • @user-hh5wr5yi3s
    @user-hh5wr5yi3s Год назад

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @Lady7Rain
    @Lady7Rain Год назад +9

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

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

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

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

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

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

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

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

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

  • @nadia.k.1701
    @nadia.k.1701 Год назад +1

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

  • @user-oq1zt8eq9l
    @user-oq1zt8eq9l Год назад

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

  • @yana.kolpakchi
    @yana.kolpakchi Год назад

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

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

    Как всегда интересно и полезно 🔥 спасибо 💚

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

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

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

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

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

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

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

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

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

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

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

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

  • @katiekits6723
    @katiekits6723 Год назад +2

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

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

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

  • @user-td5rx4wq8p
    @user-td5rx4wq8p Год назад

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

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

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

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

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

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

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

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

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

  • @Tasha_ryzh
    @Tasha_ryzh 11 месяцев назад

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

  • @user-wp7et9wk9m
    @user-wp7et9wk9m Год назад

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

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

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

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

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

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

    супер тутор!

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

    Спасибо за такой мельчайший разбор, всегда понятно и просто становится после твоих видео🔥 Очень полезная информация, особенно для новичков🖖🏻

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

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

  • @Maks_K.
    @Maks_K. Год назад +1

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

  • @user-vf4gj8jz4l
    @user-vf4gj8jz4l Год назад

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

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

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

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

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

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

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

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

    Нужно с этим попрактиковаться)) Когда повторяю все как на видео - то легко, а в одиночку - вряд ли смогу повторить 😅

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

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

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

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

  • @user-op9kq1uo3r
    @user-op9kq1uo3r Год назад

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

  • @user-xu9uw3sy3t
    @user-xu9uw3sy3t Год назад

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

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

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

  • @user-cg5qr9bp2s
    @user-cg5qr9bp2s Год назад

    Узнала для себя много нового, спасибо, что делишься своими знаниями

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

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

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

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

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

    Очень полезно, спасибо!

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

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

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

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

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

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

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

    05:11 очень полезный совет)) лучше сразу с маленького начинать и переходить к большим) так точно нигде ничего не упустишь, и очень удобно) Благодаря тебе так делаю 💪🏿

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

      Спасибо за просмотр) и за комменты!

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

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

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

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

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

    Спасибо)) Магия прям)) 🤗

  • @user-zj3dg7ib3y
    @user-zj3dg7ib3y Год назад

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