Auto Layout в Figma. База автолейаута в Фигме на готовых примерах

Sdílet
Vložit
  • čas přidán 27. 08. 2024

Komentáře • 97

  • @study_kvo
    @study_kvo  Před rokem +2

    - Исходники для практики: design-figma.ru/md/youtube_files
    - Курс по веб-дизайну: sanya-kvo.ru/
    - Курс по UX/UI дизайну: sanya-kvo.ru/uxui
    - Бесплатный марафон в ТГ: t.me/study_kvo
    - Бесплатный марафон в ВК: vk.com/study_kvo
    - Саня Кво в Инсте: instagram.com/sanya_kvo

  • @ayattelzhanov9888
    @ayattelzhanov9888 Před 27 dny +1

    Лять, как же четко объясняешь. Спасибо.
    А то видео других авторов приходится ускорять, чтобы не уснуть

  • @user-yn8le8uc7l
    @user-yn8le8uc7l Před 2 měsíci +3

    офигенное видео. До этого была практика в auto layout-е, но мне понадобилось куча часов, чтобы разобраться в том, что очень понятным языком рассказывается в этом видео. Круто.

    • @study_kvo
      @study_kvo  Před 2 měsíci

      Огонь ✊ Рад, что помог)

  • @konov.kol07
    @konov.kol07 Před rokem +5

    Это то что мне сейчас нужно! Столько видео пересмотрел а основы практические никто не объясняет как на самом деле! так что респект !

  • @nda2781
    @nda2781 Před 9 měsíci +4

    очень круто) мне кажется это основные нюансы, которые возникают при работе с автолейаутами. Для меня урок - это не рассказывать что это за штука и для чего она служит, как делают это большинство людей, льют бессмысленную воду в которой можно самому разобраться методом тыка и не смотреть 20ти минутные ролики. А вот показать на примерах, что встречается в практике - именно в этом заключается ценность таких видео)) Если бы я записывал гайд - то я бы записал его именно так как вы. Прекрасно что есть люди которые мыслят подобным образом,а не выливают еще один тысячный ролик на ютуб о том, что же такое автолейаут. У таких людей не грех учиться, которые рассказывают о вещах через призму своих проб и ошибок своим языком. Именно в этом заключается компетентность автора, спасибо.

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

      Спасибо большое ❤️🫶

  • @elenachudakova9578
    @elenachudakova9578 Před rokem +3

    Уроки просто офигические! Большое спасибо! И бесплатные марафоны классные! Только вы так быстро говорите, мой мозг не успевает)))

  • @ultrapolyarnoevtorzhenie

    Максимально полезный канал без воды! Спасибо огромное!

  • @ffgirl7550
    @ffgirl7550 Před rokem +3

    это просто лучший канал по веб-дизайну, который мне только приходилось просматривать!!!
    очень полезно, без воды, быстро, чётко и понятно
    БОЛЬШОЕ СПАСИБО 🥳🥳🥳

    • @study_kvo
      @study_kvo  Před rokem +1

      Спасибо ❤️❤️❤️

  • @user-kl8qp8ks6v
    @user-kl8qp8ks6v Před rokem +3

    Системно, профессионально и интересно поданная информация, огромная благодарность❤

  • @user-ou9tz7nh6w
    @user-ou9tz7nh6w Před rokem +3

    Очень классно! Жду продолжения!

  • @leralymar
    @leralymar Před rokem +3

    Спасибо огромное за видео! Очень полезно, особенно про Space between.

  • @pinkpanther2349
    @pinkpanther2349 Před 3 měsíci +1

    Спасибо большое! 👍🔥👍

  • @ndancer44
    @ndancer44 Před rokem +2

    Вот стоило месяцок другим занимался и подзабыл! Благодаря тебе, кое-какие моменты вспомнил! Спасибо❤!

    • @study_kvo
      @study_kvo  Před rokem

      ❤️❤️

    • @vasya8441
      @vasya8441 Před rokem

      я тоже забываю если не пользуюсь) но благодаря ютубу можно быстро вспомнить

  • @user-dt8tk8dj8x
    @user-dt8tk8dj8x Před rokem +7

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

  • @vasya8441
    @vasya8441 Před rokem +2

    Урок великолепный, фигма это магия.

  • @KarVetka777
    @KarVetka777 Před měsícem

    Благодарочка! Очень понятно и легко стало

  • @germantrumpet
    @germantrumpet Před 3 měsíci +1

    Супер! Огромная благодарность!

  • @umar_jan_9
    @umar_jan_9 Před rokem +2

    Дико полезно 😍 Спасибо большое!

  • @olgakotova8943
    @olgakotova8943 Před rokem +2

    Спасибо за урок, очень просто и доступно у тебя получилось объяснить непростую тему ❤

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

    Спасибо за полезный контент!!!🤩

  • @smolstory67
    @smolstory67 Před rokem +1

    Спасибо вам огромное за такой супер урок❤ Ваши видео - это просто находка. Именно этого и не хватало. Прошла обучение у других, но у вас всё очень ясно и доступно. Спасибо ❤

    • @study_kvo
      @study_kvo  Před rokem

      Спасибо большое 🙌🙌

  • @annako4749
    @annako4749 Před rokem +2

    По красоте ❤

  • @yuri.moiseyev
    @yuri.moiseyev Před měsícem

    лучшее обяснение!

  • @alexeybychkov_
    @alexeybychkov_ Před rokem +4

    когда там уже 100 000? 😀

  • @user-bp2dg8wk5o
    @user-bp2dg8wk5o Před 5 měsíci +1

    круто! спасибо!

  • @pikaboo855
    @pikaboo855 Před 6 měsíci +1

    Хотелось бы еще разборов по autolayot сложных видов 🙃🙂

    • @study_kvo
      @study_kvo  Před 6 měsíci +1

      Следующее видео будет как раз на эту тему 😌

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

      @@study_kvo 🥰🥰🥰

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

    Спасибо огромное, что помогли разобраться!

  • @user-sl7cv9kh9s
    @user-sl7cv9kh9s Před 5 měsíci

    Благодарю автора 🤝

  • @user-ut4bd2ow2m
    @user-ut4bd2ow2m Před 28 dny +1

    СПАСИБО

  • @AnastasiiaYurlova
    @AnastasiiaYurlova Před rokem +1

    Супер полезное видео! 👍

  • @AchtungBaby_87
    @AchtungBaby_87 Před rokem +2

    А можно продолжение урока, когда например много autolayoutов в ряд, например теже карточки товаров. Как потом лучше делать адаптив. Понятно что fill + hug, но хотелось бы прям на примерах разных увидеть) Какие то плагины используешь для этого?
    Спасибо за офигенский контент!

    • @study_kvo
      @study_kvo  Před rokem +3

      Во второй части разберём 🙌🙌

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

    спасибо дядя

  • @experiment643
    @experiment643 Před rokem +1

    Очень полезно😊

  • @imperiastudio454
    @imperiastudio454 Před rokem +1

    очень круто

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

    Спасибо ❤

  • @ilyaschokin6645
    @ilyaschokin6645 Před rokem

    Спасибо, очень нужное

  • @user-wh7eu6tc6g
    @user-wh7eu6tc6g Před 9 měsíci

    Очень полезное видео, спасибо🤩
    А когда уже будет 2 часть по auto layout?😇

  • @mang0type
    @mang0type Před rokem

    Спасибо вам большое за такое понятное, короткое и грамотное преподнесение информации😭😭😭❤❤❤ я так мучалась с этим пониманием разницы между "Hug","Fixed","Fill", мне столько раз объясняли и показывали наглядно как, что, куда и зачем, но смысл дошёл только после вашего урока😭😭😭
    Храни вас Боженька, здоровья и прочих приятных вам плюшек😄❤
    p.s. куда делся видео-урок с применением стилей в компонентах?👀
    p.p.s. будет ли какой разбор или обучающее видео по применению токенов и "Local Variables" в фигме?👀👀

  • @just_animal
    @just_animal Před 11 měsíci +4

    Всем привет! Может кто-то знает, по какой причине у меня в фигме нет распределения для элементов Space Between?

    • @study_kvo
      @study_kvo  Před 11 měsíci +3

      Он переехал, сделайте двойной клик по квадрату с голубыми прямоугольниками в секции AutoLayout

    • @user-bp2dg8wk5o
      @user-bp2dg8wk5o Před 5 měsíci

      @@study_kvo спасибо!

  • @pirozhoque
    @pirozhoque Před rokem +2

    Можно пожалуйста такой же видос по компонентам?

    • @study_kvo
      @study_kvo  Před rokem

      Уже на канале, в двух частях:
      - czcams.com/video/R2PEllFHqqM/video.html
      - czcams.com/video/vXe3LvlIdQQ/video.html

  • @coppercrypter
    @coppercrypter Před rokem +1

    сделай видео про адаптивность сайтов

  • @georgkirukhin7121
    @georgkirukhin7121 Před 10 dny +1

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

    • @study_kvo
      @study_kvo  Před 6 dny

      Вы про Iconsax? К сожалению, его больше нет. Но есть другие плагины с иконками: Feather icons и Iconify

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

    Подскажите ,после обновы фигмы возможно,не смогла выставить картинке абсолютное позиционирование чтоб внести в карточку с ауто-лейатом,этого значка просто нигде нет (( Спасибо за уроки 😎

    • @ultrapolyarnoevtorzhenie
      @ultrapolyarnoevtorzhenie Před rokem

      там в авто-лейауте под стрелочками теперь есть иконка по типу разделителя верха и низа, вот там нужно будет поменять на значение "авто"

    • @Kat_Video
      @Kat_Video Před 5 měsíci

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

  • @maximdzh
    @maximdzh Před rokem

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

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

    Кайф! Спасибо! А подскажите ещё раз как плагин с иконками называется? Не рассмотрела, а на слух не нашла

  • @alyonqshishina3386
    @alyonqshishina3386 Před rokem

    ситуация сюр. учусь в академии графического дизайна. и так вышло что у нас сейчас Figma, но учитель, конечно, интересный. спрашиваю у него. как же сделать расстояние внутренних фреймов одинаковым. он оставил голосовое на 3 минуты что это не возможно. через 2 минуты показываю что сделала это по вашему гайду и он мне говорит что слово на скрине, который я скидывала, с маленькой буквы началось))) на самом деле хочется плакать из-за этого. я за такое обучение деньги плачу...

  • @user-np5yz9gz2c
    @user-np5yz9gz2c Před 8 měsíci

    Здравствуйте сейчас фигме spacing mode у меня нет

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

      После редизайна функции спрятали. Нажмите в секции Auto layout на голубой прямоугольник дважды и включится нужный режим ☺️

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

    где можно скачать само техническое задание?

  • @antonimantondrobot9459
    @antonimantondrobot9459 Před 3 měsíci

    Спасибо за видео! Почему-то Iconsax не находит в плагинах. А на оф сайте просто ссылка на проект фигмы с набором иконок. Что-то изменилось у них? но это не самое страшное )) почему-то у меня нет Space Between в списке расширенных настроек автолейаута, что могло пойти не так?

    • @study_kvo
      @study_kvo  Před 3 měsíci

      Iconsax перестал существовать как плагин. Можно воспользоваться Iconify или файлом с иконками из Community: www.figma.com/community/file/1291274097213974914/iconsax-6-000-icons-6-styles

    • @study_kvo
      @study_kvo  Před 3 měsíci

      Сейчас для активации Space between можно сделать двойной клик по синим прямоугольникам в секции Auto Layout

  • @NazarKoshla
    @NazarKoshla Před rokem

    Сан а Ти ити делаэш прототип сайта перед початком Чи сразу на кидаєш варіанти

    • @study_kvo
      @study_kvo  Před rokem

      Всё зависит от ситуации)

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

    Всем здравствуйте, подскажите пожалуйста, у меня у одной сайты не грузятся

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

      Попробуйте сейчас, сайт немного вздремнул) design-figma.ru/md/youtube_files

  • @dariakwon7233
    @dariakwon7233 Před 2 měsíci

    Привет, в меню авто лейаут нет пункта "Спейс битвин" почему-то, что-то делаю не так, хелп

    • @anastasiyarumyantceva7324
      @anastasiyarumyantceva7324 Před měsícem

      Вы нашли ответ на этот вопрос? У меня тоже нет такого пункта

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

    У меня нет кнопки Space between...

    • @study_kvo
      @study_kvo  Před rokem

      Нажмите дважды на квадрате, где идёт управление положением объекта внутри AutoLayout

  • @user-gm2oc1id1c
    @user-gm2oc1id1c Před 5 měsíci

    Сейчас в этом режиме нельзя изменить текст((

    • @study_kvo
      @study_kvo  Před 5 měsíci

      А в каком именно режиме?

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

    iconsax сейчас не работает чтоли

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

      Да, пока прикрыли. Можно использовать Iconify вместо него

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

      спасибо щас чекну
      @@study_kvo

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

      Блин это не тио совсем, у сакса иконки четкие
      @@study_kvo

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

      Не спорю, плагин был хорош. Можно на их сайте брать иконки: iconsax.io/

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

      О сайт сайт есть, спасибо@@study_kvo

  • @profzvezdochkin8938
    @profzvezdochkin8938 Před 2 měsíci

    Ты брат Шайтера Андрея???😊