Auto Layout в Figma на реальных примерах | Новые автолейауты 2022 года простым языком

  Рет қаралды 39,551

Алексей Поляков

Алексей Поляков

2 жыл бұрын

🔥 Дарю Практикум «Как стать UI/UX дизайнером и начать зарабатывать»
Переходи на мой сайт impoliakov.ru и забирай Практикум бесплатно 🔥
____________
Рассказываю о новых Auto Layout в Figma. Так же показываю где и как их можно и нужно использовать в UI/UX дизайне. Говорим про все основные функции автолейаута и разбираем на реальных примерах.

Пікірлер: 78
@im.poliakov
@im.poliakov 2 жыл бұрын
Друзья, дарю Гайд по UI/UX за подписку на меня в Instagram! 1. Подписывайтесь на меня в Instagram @im.poliakov 2. Пишите в директ «Хочу Гайд» 3. Бесплатно получите Пошаговое руководство «Как стать дизайнером интерфейсов и начать зарабатывать»: www.impoliakov.ru
@lidiya501
@lidiya501 Жыл бұрын
При попытке подписаться на инстаграм появляется "Не удается получить доступ к сайту"
@sitini
@sitini Жыл бұрын
Русиян енглишь ))) leɪaʊt - Лейаут - макет 😂
@user-zn5fw1py8j
@user-zn5fw1py8j Жыл бұрын
Уже какой раз нахожу ответы именно на твоем канале. Было очень информативно, без воды и главное полезно. Спасибо!❤
@buyavetsexperiment
@buyavetsexperiment 2 жыл бұрын
Здорово видеть, как такой инструмент как Фигма, используется максимально эффективно! Алексей, спасибо большое :) Особенно понравилась работа со свойствами!
@im.poliakov
@im.poliakov 2 жыл бұрын
пожалуйста и спасибо! 🤝
@Daria_Dz
@Daria_Dz Жыл бұрын
Очень здорово объясняешь. Понятно и по делу, а не делаешь вид, что это магия или сверхнаука😄Спасибо и буду следить за тобой и в Инстаграме тоже👍
@Denizes_
@Denizes_ Жыл бұрын
Привет, Алексей! Давно тебя не было видно! Спасибр за видео! Хорошая тренировка по лейаутам!
@nursanabakytzhan5772
@nursanabakytzhan5772 Жыл бұрын
Спасибо большое за видео. Все очень понятно и приятно слушать Вас, говорите не торопливо и четко.
@im.poliakov
@im.poliakov Жыл бұрын
Пожалуйста
@tanyahayden8983
@tanyahayden8983 Жыл бұрын
Спасибо! Всё понятно и четко! Хорошая подача информации.
@irinapalis5797
@irinapalis5797 Жыл бұрын
Спасибо большое, Алексей! Замечательный канал!
@user-io8se4kz1f
@user-io8se4kz1f Жыл бұрын
У Вас талант объяснить просто и по существу!
@im.poliakov
@im.poliakov Жыл бұрын
Благодарю
@user-yx8vm5qb6k
@user-yx8vm5qb6k Жыл бұрын
Очень хорошо объясняешь. Узнал гору новой инфы.
@im.poliakov
@im.poliakov Жыл бұрын
🙏
@lonelyblue
@lonelyblue Жыл бұрын
Спасибо за видео! Всё понятно👍
@katerina7290
@katerina7290 Жыл бұрын
Все так понятно, давно искала подобное видео, спасибо!
@im.poliakov
@im.poliakov Жыл бұрын
Пожалуйста!
@ccbdc3686
@ccbdc3686 Жыл бұрын
Привет! Хороший гайд, особенно последняя часть. Делаю кроссплатформенное приложение и мучаюсь с адаптивом, а тут все прекрасно объяснено Буду пробовать!)
@ccbdc3686
@ccbdc3686 Жыл бұрын
Однозначно лайк и подписка)
@egovass
@egovass Жыл бұрын
Привет, спасибо за разбор, просто супер! Откуда привычка считать в степенях двойки?
@artrostov86
@artrostov86 Жыл бұрын
Спасибо Алексей, ты очень помог мне разобраться с данной функцией! Подписался ;)
@im.poliakov
@im.poliakov Жыл бұрын
🤝
@mahon2513
@mahon2513 Жыл бұрын
Спасибо за урок.
@milka_s_koshkoy
@milka_s_koshkoy Жыл бұрын
Красаучик, Уася! Юфффь!))) Спасибо))))
@artemasoap
@artemasoap Жыл бұрын
блин круто, спасибо
@yuzilk
@yuzilk Жыл бұрын
у вас такие прикольные брови 🙃
@designerlisavtsovv
@designerlisavtsovv Жыл бұрын
Огонь)
@patriktut4024
@patriktut4024 Жыл бұрын
Очень полезное видео
@gunoskiner9914
@gunoskiner9914 Жыл бұрын
Подскажите, где взять галочку?
@user-wi7sg5jl6f
@user-wi7sg5jl6f Жыл бұрын
Здравствуйте, чем auto layout отличается от constraints?
@VIRAL__shorts__31
@VIRAL__shorts__31 9 ай бұрын
Здравствуйте, у меня почему то не показывает функцию SPACING MODE в AUTO-LAYOUT, как можно настроить/включить, заранее спасибо за ответ)
@y.m.8847
@y.m.8847 2 жыл бұрын
В прошлой версии можно было создать мультиклмпонет, в этой тоже, но теперь ввели еще и создание component set - чем он отличается от просто создания мультикомпонента?
@YuriiyKoptsev
@YuriiyKoptsev 9 ай бұрын
Алексей добрый день. Я только учусь работать в фигме и мне не понятно откуда взялась галочка в активном чек боксе? Подскажите. Я ввожу иконки через f image? А потом мне нужно ее перекрасить через маску, разделить, покрасить квадратик в синий цвет и потом вставить галочку и опять объединить в layout . А когда пытаюсь покрасить весь бокс, текст заливается краской....😂 в общем на этом затормозился в изучении..
@CristinaCe
@CristinaCe Жыл бұрын
последнее - адаптив по вертикали не получился =( в настройках уже выбрано "space between" а графики все равно не адаптивны =(
@enterpropro4604
@enterpropro4604 Жыл бұрын
Большое спасибо
@im.poliakov
@im.poliakov Жыл бұрын
Пожалуйста!
@user-zz7zv1cp1l
@user-zz7zv1cp1l 11 ай бұрын
Умоляю ответьте, у меня просто в пункте advanced settings нет ни packed ни space between
@ingaiastrebova3447
@ingaiastrebova3447 Жыл бұрын
Почему может быть неактивно поле "выравнивание" в Auto Layout?
@pwo-uk9wn
@pwo-uk9wn 3 ай бұрын
Здравствуйте,у меня отсутствует в настройках auto layout-а раздела spacing mode,что мне делать?
@crazi_Ri
@crazi_Ri 10 ай бұрын
А как Вы так быстро цвета копируете вниз?
@kosstya_7980
@kosstya_7980 Жыл бұрын
Дякую, тобі Дуже корисно, тепер все по полицях в моїй голові, круто Ще раз дякую, підписка!
@MikaStan
@MikaStan 2 ай бұрын
на дворе 2024г. spacing mode в расширенных настройках уже нет. Почему нет, зачем удалили?
@FiSiNeD
@FiSiNeD Жыл бұрын
В этой программе можно делать прайслисты, визитки или афишы для печати на принтере?
@user-py1jc4rt1g
@user-py1jc4rt1g Жыл бұрын
да но мне кажется фотошоп для этого всего сразу подойдет
@ivsepoluchilos
@ivsepoluchilos 6 ай бұрын
Кайф
@y.m.8847
@y.m.8847 2 жыл бұрын
Если не секрет какими клавишами например при создании столбика инстанций в автолейауте вы добавляли копии так что они просто становились один под другой?
@im.poliakov
@im.poliakov 2 жыл бұрын
Cmd + d
@jj66o
@jj66o Жыл бұрын
@@im.poliakov а горячая клавиша для создания группы? Или можно было просто объединить объекты во фрейм вместо группы?
@wanderfull434
@wanderfull434 Жыл бұрын
@@jj66o CTRL + G
@user-ly4lm4fo3f
@user-ly4lm4fo3f Жыл бұрын
Спасибо за урок, но ха некоторыми действиями невозможно уследить, я пытаюсь повторять за видео и трачу много времени чтобы понять куда вы нажимали
@yuliyalebedeva7070
@yuliyalebedeva7070 Жыл бұрын
А как вставить так галочку в самом начале? У меня вставляется в автолейаут но никак не сверху фрейма
@NordBird
@NordBird Жыл бұрын
Присоединяюсь)
@AnastasiyaKovalenko1384
@AnastasiyaKovalenko1384 9 ай бұрын
В начале было понятно. И подумала, что автолуауты чтоб карточки товаров ставить, а потом как то менять цены одновременно в некоторых карточках, меня их только в одной. Но потом пошли примеры. И стало вообще не понятно. Что за чек боксы? Что за активный и неактивный чекбокс? Что это значит? Что за дерево? Для чего это? В третьем примере, ещё хуже. Какая диаграмма? Где она? Цветная черепица. И куда это использовать? Почему нельзя нарисовать просто нужные елименты и объединить их в группу? В итоге, так и не понятно зачем эти автолоуяты? И что это?
@Rock93Alive
@Rock93Alive Жыл бұрын
Всем привет! Мне под 30, недавно осознал, что хочу заниматься программированием. Всегда нравились игры, начиная с Денди и далее пошло-поехало. Так вот, я прям вовремя решил вкатиться в IT, так сказать. Я теперь не знаю, стоит ли тратить время и силы, чтобы потом устроиться джуном годика через пол, ведь джуны никому не нужны (как везде пишут). Так же читал, что в РФ в последнее время стремительно закрываются студии, либо же начинаются конские сокращения. Просто, если всё так дальше и продолжит ухудшаться, то перспектива работать только лишь на отечественный рынок именно в Геймдеве - такая себе перспектива. Такой вопрос, может, пока не поздно, выбрать другое направление, т.к. потратить примерно год впустую не очень хочется? Может стоить обратить внимание на Web, например? В целом, нравится программирование, уже начал учить C#, поэтому пару потраченных месяцев будет не таким критичным, если всё-таки обратить внимание на другую сферу. Ну и зарплатный вопрос тоже стоит, т.к. одним энтузиазмом сыт не будешь.
@user-yc7tn4ro3x
@user-yc7tn4ro3x Жыл бұрын
Разработчиком джуном реально, а вот дизом очень сложно, их только с опытом берут
@lk6618
@lk6618 Жыл бұрын
учитывая прототипирование, тема куда сложнее, потому что появляються варианты организации контента, например добавление падинга, к содержимому или ко всему автолейаут фрейму, так как если компонент в вариантах изменяеться в размерах, весь прототип едет рандомно, я уже молчу о том, что нет функции изменения размеров фремов, так как алик фрейм автоматически становиться размером с группу, а группа соответсвенно размером с содержимое, и его нужно помещать в другой фрейм без алика, и относитльно него постоянно выравнивать, потому что оно автоматически не выравниваеться.
@84Health
@84Health 11 ай бұрын
а куда сейчас подевались space between и packed ?
@natali5936nf
@natali5936nf 10 ай бұрын
такой же вопрос! Вы не нашли?
@84Health
@84Health 10 ай бұрын
​@@natali5936nfнифига
@lk6618
@lk6618 Жыл бұрын
к сожалению ролик для чайников, так рассматриваються примеры где в аликах участвуют исключительно фремы одного размера, интересно было бы посмотреть ролик более профессионального толка, где затронуты различные размеры, а также внутренние падинги для элементов, так как их можно по разному применять (например изменяеться один элемент к которому применены внутренние падинги или где падинги применяються к группе исключая этот элемент), вообщем более житейские случаи, их связки с вариантами, которые меняют свои размеры или как то смещаються относительно фрейма при прототипировании, в ролике также не была затронута тема настройки фил
@user-io8se4kz1f
@user-io8se4kz1f Жыл бұрын
Добрый день Алексей, подала заявку в инстаграмм, Вам. Добавьте , тоже хочу гайд. Благодарю.
@im.poliakov
@im.poliakov Жыл бұрын
Отправил 👌
@ya_govoru
@ya_govoru Жыл бұрын
что такое Гайд? и зачем он нужен?
@user-jr6qt5rj8b
@user-jr6qt5rj8b 5 ай бұрын
Куда переехал spacing mode в 2023?
@user-kl3is8xg8u
@user-kl3is8xg8u 3 ай бұрын
Дважды щелкни на иконку прямоугольники
@kamisharipova1470
@kamisharipova1470 Жыл бұрын
Done +
@IgorBobyrev
@IgorBobyrev 7 ай бұрын
Хороший урок, но к сожалению, он мне не помог: я видел, как другой блогер превращал фон айтема в авто-лейаут-контейнер одним нажатием. Этот контейнер брал все свойства этого фонового ректенгла. Думал, что здесь это будет
@SemenovBushcraft
@SemenovBushcraft 2 жыл бұрын
Отличная борода)) На мусульманский лад без усов?
@im.poliakov
@im.poliakov 2 жыл бұрын
😅
@SemenovBushcraft
@SemenovBushcraft 2 жыл бұрын
@@im.poliakov Но, если серьезно, Алексей, то спасибо за видео! Занимаюсь web дизайном больше 5 лет, но тем не менее всегда с интересом смотрю твой канал! ))
@im.poliakov
@im.poliakov 2 жыл бұрын
Приятно слышать! ) 🤝
@madinabazhaeva
@madinabazhaeva Жыл бұрын
@@im.poliakov я сегодня целый день с Вами и почему Вы раньше не выходили у меня в ленте Ютуба... Все кратко и очень понятно большущее спасибо!!! Гайд тоже прошла и на Бихансе приценилась: D
@konstantin8280
@konstantin8280 Жыл бұрын
Бум-шакалака👍
@hellf1re-A-
@hellf1re-A- Жыл бұрын
1:05
@y.m.8847
@y.m.8847 2 жыл бұрын
Обновления, блин. Куча "индуизмов". Чувствуется этот почерк уже и в Фигме. Раньше всё было ясно и интуитивно понятно. Теперь какой-то бардак в соотношении packet, fill container и вообще с ресайзом. Настройки постоянно летят в автолейатуте если сверху в ресайзе что то меняешь. Поди разберись и догадайся сам методом тыка как в адобовских программах. Почему например филл контейнер теперь почти никогда не виден и так далее. Лучше б вместо этих обновлений ввели аналог repeat greed Adobe XD.
@Nlina_
@Nlina_ Жыл бұрын
Зачем нужны эти деревья ?
Figma Variants (Фигма Варианты)
6:42
Алексей Поляков
Рет қаралды 13 М.
[NEW] 🔥 новый Auto Layout в Figma 4.0 (уроки Фигмы 2022) на реальных примерах! Урок 23
55:32
Creepy Teacher Kidnapped My Girlfriend?!
00:42
Alan Chikin Chow
Рет қаралды 6 МЛН
КАКОЙ ВАШ ЛЮБИМЫЙ ЦВЕТ?😍 #game #shorts
00:17
Poopigirl
Рет қаралды 11 МЛН
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 262 М.
Автолейауты, компоненты и варианты в фигме 2023-2024| Как работать в фигме быстро
27:35
Катя Макеева про веб-дизайн | Академия Practicult
Рет қаралды 49 М.
Веб дизайн урок по анимации || 3d слайдер в Figma
17:33
Figma in 5:  Auto Layout
6:50
Figma
Рет қаралды 621 М.
Как прокачаться UI/UX дизайнеру
0:58
Алексей Поляков
Рет қаралды 1 М.
Эта нейросеть делает презентации 😱
0:35
КруТа в дизайне ❘ Блог Крупиной Татьяны
Рет қаралды 269 М.
Компоненты в Figma за 5 минут | Уроки по Фигма 2022
3:52
Уроки WordPress & Figma
Рет қаралды 10 М.
Creepy Teacher Kidnapped My Girlfriend?!
00:42
Alan Chikin Chow
Рет қаралды 6 МЛН