Новые Auto Layout и умные таблицы в Figma

  Рет қаралды 26,801

Виктор «VAN» Теплов

Виктор «VAN» Теплов

Күн бұрын

Пікірлер: 86
@ДимаИванов-и4ь
@ДимаИванов-и4ь 3 жыл бұрын
Спасибо огромное, 3 дня не мог решить проблему с таблицами, у Вас единственное видео где все рассказано последовательно и понятно
@aljuir8646
@aljuir8646 4 жыл бұрын
Огонь 🔥 Виктор, рад что ты теперь в большой команде!
@aljuir8646
@aljuir8646 4 жыл бұрын
Корпорации, сметают всех. У ozon сильная команда, пересекались в Британке 🇬🇧 ✌️
@zen-designer
@zen-designer 4 жыл бұрын
А я то как рад! )
@MouradMokrane
@MouradMokrane 4 жыл бұрын
Крутой туториал! Спасибо!
@stasmaksimov9531
@stasmaksimov9531 2 жыл бұрын
Огонь Виктор! 🔥 Спасибо
@captain_shadow
@captain_shadow 2 жыл бұрын
Виктор, ну ты конечно редкая жемчужина. Отлично объясняешь, очень четко, понятно и успокаивающе! Талант! Учитель!
@leojamelashvili
@leojamelashvili 4 жыл бұрын
Долгожданное видео! 👏🏻👏🏻👏🏻
@dasha_r
@dasha_r 4 жыл бұрын
Класс, идея с таблицами через отступы в АЛ это прям вообще огонь, спасибо большое! А то уже были и дивайдеры-палки, и прямоугольники, и тени без размытия, и чего только не)
@zen-designer
@zen-designer 4 жыл бұрын
Всем привет! Простите за русский язык в виджете с хоткеями ) Поздно заметил.
@Vadissimus
@Vadissimus 4 жыл бұрын
Виктор, с возвращением! Новый автолайаут испортил работу плагина Google Sheets Sync. Раньше, если я задавал в ячейке пустое значение для текстового блока, то после синхронизации скрывался не только сам текстовый блок, но и компонент, в котором он находится. Теперь остается покалеченный компонент, не смотря на то, что его размер должен сжиматься под содержимое (а содержимого нет).
@zen-designer
@zen-designer 4 жыл бұрын
@@Vadissimus Не тестировал. Пиши разработчику плагина - авось починит.
@vadimdmitriev1991
@vadimdmitriev1991 4 жыл бұрын
@@zen-designer , Спасибо за видео! Ещё вопрос возник. Как сделать резиновый компонент полей ввода, снизу которого пишется текст с иконкой. У меня получилось резинить само поле. Но при этом иконка начинает деформироваться...
@zen-designer
@zen-designer 4 жыл бұрын
@@vadimdmitriev1991 что-то совсем не правильно. Само поле - текст в автолейаут, подпись и иконка - второй автолейаут. Потом объединяем поле с автолейаутом с иконной и текстом в третий автолейаут. Если не понятно - найди меня в телеге
@vadimdmitriev1991
@vadimdmitriev1991 4 жыл бұрын
@@zen-designer , а по какому аккаунту искать? zendesigner? Я просто 3 алика создал, но не тянутся
@simbaruzz
@simbaruzz 4 жыл бұрын
Как обычно супер! Спасибо!
@ЕленаМорозова-д7е
@ЕленаМорозова-д7е 4 жыл бұрын
Добрый день, очень рада увидеть ваше видео. Информацию преподносите всегда по делу и четко.
@zen-designer
@zen-designer 4 жыл бұрын
Спасибо!
@ДарьяГринкевич-ш3о
@ДарьяГринкевич-ш3о 3 жыл бұрын
Виктор, выражаю Вам огромную благодарность за это полезнейшее видео!)
@olhapavlenko1295
@olhapavlenko1295 4 жыл бұрын
Благодарю, Виктор. Как всегда полезно и понятно!👍
@sergeyprostobean4521
@sergeyprostobean4521 4 жыл бұрын
Это просто магия! Спасибо огромное. Я немного завис с таблицами. Но - осилю:) БОмба!
@thethqoqx5438
@thethqoqx5438 4 жыл бұрын
Поздравления с назначением. Долгожданное видео. Спасибо.
@anddrew5841
@anddrew5841 3 жыл бұрын
Виктор, спасибо! по AL в целом было понятно, а вот таблицы - очень круто!
@alm3382
@alm3382 3 жыл бұрын
Очень круто! Спасибо:)
@evgenyzakharov3759
@evgenyzakharov3759 4 жыл бұрын
Виктор, феерично)👍
@Undead9
@Undead9 4 жыл бұрын
Спасибо за полезные знания и поздравляю с новым местом! :)
@lepermessia4
@lepermessia4 4 жыл бұрын
Спасибо. Коротко и ясно
@БожественныйСветДжйотиш
@БожественныйСветДжйотиш 4 жыл бұрын
С возвращением и с новым местом работы! Видео как всегда - концентрат пользы. А где же пилюлька? )
@zen-designer
@zen-designer 4 жыл бұрын
Не хватило времени на пилюльку (
@kkashaev
@kkashaev 3 жыл бұрын
я помню по такой же схеме таблички делались в Microsoft Frontpage ;)) осталось сайты начать делать в фигме через таблички ;)))
@zen-designer
@zen-designer 3 жыл бұрын
😬😂
@Pavel-Bogatyi
@Pavel-Bogatyi 3 жыл бұрын
Виктор, как всегда огонь!!!😵💖💖
@aalenush
@aalenush 4 жыл бұрын
Как всегда очень круто!
@dench1690
@dench1690 4 жыл бұрын
Как всегда по делу.
@сергейосипов-п1с6р
@сергейосипов-п1с6р 4 жыл бұрын
с новым годом наступившим!!
@zen-designer
@zen-designer 4 жыл бұрын
И тебя!
@semon9432
@semon9432 3 жыл бұрын
Виктор мега круть 🔥✊✊✊
@MrVovaRio
@MrVovaRio 4 жыл бұрын
Виктор, ты классный! Спасибо за видео! И огромной удачи в новой команде с Сашей!
@zen-designer
@zen-designer 4 жыл бұрын
Спасибо!
@olgapolskaia9472
@olgapolskaia9472 3 жыл бұрын
А как сделать так, чтобы использовать Главный Компонента Строка, но при этом контент ячеек не копировался в инстансы? То есть, отвязать свойство копирования текста, но оставить копирование поведения?
@александрсоколов-в3х
@александрсоколов-в3х 4 жыл бұрын
поздравляю))молодец так держать) любые трудности всегда на пользу идут)
@andreyp2632
@andreyp2632 3 жыл бұрын
Круто придумано с разделителями. Но все ровно это кастыли если в таблице 20 ячеек у каждой будет разная ширина в зависимости от контента и разные выравнивания по краю. К тому же нельзя сразу продумать таблицу, туда же может не только текст помещаться и иконки, могут добавлять какой-нибудь тек с бэкраундом своим. Проще просто сделать хедер компонентом , в него закинуть уже лейблы необходимы и уже через tidy up регулировать отсупы. По мне так это быстрее, а то потом если поддерживать дизайн систему будет тяжело с такими кастылями
@zen-designer
@zen-designer 3 жыл бұрын
Каждый выбирает удобный для себя способ
@rakutin3
@rakutin3 3 жыл бұрын
Можно сделать фреймами с 2 лайнами привязанными к верх и низу
@aslan_akhmedov
@aslan_akhmedov 3 жыл бұрын
Здравствуй, Виктор. Было бы очень интересно увидеть, как ты устраиваешь свой рабочий процесс в фигме. Например, в работе с продуктом или на примере интернет магазина.
@zen-designer
@zen-designer 3 жыл бұрын
Теперь я работаю в продуктовой команде внутреннх проектов Ozon. И это накладывает определённые ограничения. Да и свободного времени не так много. Но какие-то лучшие практики буду вытаскивать на свет божий 😁
@Мария-й1у9е
@Мария-й1у9е 4 жыл бұрын
Здравствуйте. Скажите пожалуйста, можно ли в коммерческих проектах ( к примеру визитке / сертификате / гайде и тп) менять межбуквенное и межстрочное расстояние у шрифтов от гугла (OFL и Apache лицензия)????
@zen-designer
@zen-designer 4 жыл бұрын
Хм. Никогда не задавался этим вопросом. Попробуйте вот в этом чате спросить t.me/ne_znal_talk
@Мария-й1у9е
@Мария-й1у9е 4 жыл бұрын
@@zen-designer меня нет в телеграмме
@zen-designer
@zen-designer 4 жыл бұрын
@@Мария-й1у9е так за чем дело стало? Там можно решить много вопросов.
@KT-ue2mx
@KT-ue2mx 3 жыл бұрын
Спасибо за урок!)) Подскажите пожалуйста почему у меня когда я хочу добавить иконки в карточку мастер компонента, у меня иконки не добавляются в группу этой карточки? Т.е. физически они на карточке а в слоях не добавляются, только если компонент разрушить только тогда?
@zen-designer
@zen-designer 3 жыл бұрын
Сложно так сказать. Стукнись в телеграмм мне t.me/vandesign
@olgaandriyevska4305
@olgaandriyevska4305 3 жыл бұрын
Спасибо за контент, прекрасно объясняете, видео супер. Только бы поменять эти манашеские баранчик на фоне, я от них уже третье видео подряд засыпать начинаю)))
@Dalairen
@Dalairen 3 жыл бұрын
Всё вроде хорошо, но как использовать такой компонент строки, если в интерфейсе тонна реестровых таблиц с разным количеством столбцов? Под каждую таблицу свой компонент как-то не комильфо получается. И как в этом варианте сделать объединённые строки или столбцы? Давно ищу нормальную компонентную работу с таблицами в Фигме и не нахожу.
@zen-designer
@zen-designer 3 жыл бұрын
Ячейка - библиотечный компонент. Строка и шапка - сценарный. По горизонтали можно объединить, по вертикали сложнее
@Dalairen
@Dalairen 3 жыл бұрын
@@zen-designer в общем, чуда всё ещё не дунуть. Не хватает Фигме (да и не только ей, но и Эксдишке тоже) нативной работы с таблицами. Плагин табличный - тоже не совсем то, что нужно. Будет неплохо, если вы покажете ваш вариант объединения ячеек в отдельном видео.
@silveringreviews
@silveringreviews 3 жыл бұрын
а что делать, если надо изменять количество ячеек в строке?
@zen-designer
@zen-designer 3 жыл бұрын
добавить в компонент строки
@jelly_bean-l3m
@jelly_bean-l3m Жыл бұрын
я новичок и только разбираюсь в отступах и сетках, и заметила, как вы так ловко меняете отступы и размеры контейнеров, что они везде остаются кратными 8ми... это магия какая-то? у меня то и дело где-то что-то не состыковывается >
@zen-designer
@zen-designer Жыл бұрын
В меню есть настройки и там пункт Nuge Amount. Вот там можно поставить 4 или 8
@konstantinshishlyannikov5677
@konstantinshishlyannikov5677 4 жыл бұрын
почему то нет свойства fill container
@zen-designer
@zen-designer 4 жыл бұрын
Видимо нет внешнего контейнера, который можно заполнять.
@МаковыйРулет-э2щ
@МаковыйРулет-э2щ 4 жыл бұрын
Заждались
@zen-designer
@zen-designer 4 жыл бұрын
Я и сам заждался )
@thekech.official
@thekech.official 3 жыл бұрын
хорошо!
@fabiogrando51
@fabiogrando51 4 жыл бұрын
ох и костыли с таблицей...Но ничего к сожалению лучше на данный момент нет
@goblin4089
@goblin4089 4 жыл бұрын
Спасибо, Чикатило
@zen-designer
@zen-designer 4 жыл бұрын
Хм, пожалуйста
@slashdesigner
@slashdesigner 4 жыл бұрын
Я бы за такое бан влепил, потому что хамство.
@goblin4089
@goblin4089 4 жыл бұрын
@@slashdesigner не плачь братишка это юмор
@zen-designer
@zen-designer 4 жыл бұрын
@@goblin4089 Брейк! Не будем раздувать из мухи слона
@goblin4089
@goblin4089 4 жыл бұрын
@@zen-designer согл
@atlasollection225
@atlasollection225 4 жыл бұрын
я ждэл этого!!!!
@tsssssssss1
@tsssssssss1 3 жыл бұрын
Поставил лайк и подписался
@zen-designer
@zen-designer 3 жыл бұрын
Всё правильно сделал! )
@DESIGNUM
@DESIGNUM 3 жыл бұрын
🙏🏻
@zen-designer
@zen-designer 3 жыл бұрын
🙌
@alsoualsou9
@alsoualsou9 3 жыл бұрын
thx!:))
@КИРФ
@КИРФ 4 жыл бұрын
Круто, жаль я это неделю назад изучил по иностранным видео от фигмы
@zen-designer
@zen-designer 4 жыл бұрын
Ничего не жаль! Ещё и язык прокачал )
@дизайнер_ещё_тот
@дизайнер_ещё_тот 4 жыл бұрын
Крууутяяяк
@maxsistudio
@maxsistudio Жыл бұрын
Что такое "Алик"?
@zen-designer
@zen-designer Жыл бұрын
Auto layout
Уроки Figma | Есть варианты! (Figma Variants)
13:13
Виктор «VAN» Теплов
Рет қаралды 17 М.
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН
99.9% IMPOSSIBLE
00:24
STORROR
Рет қаралды 31 МЛН
VIP ACCESS
00:47
Natan por Aí
Рет қаралды 30 МЛН
Figma Auto Layout (обновление Ноябрь 2020)
39:16
Всё об Auto Layout в Figma
12:57
Наука Дизайна
Рет қаралды 32 М.
Интенсив по Figma - полный обзор от А до Я за 45 минут
44:52
Max Shirko / Design Inspiration
Рет қаралды 142 М.
[NEW] 🔥 новый Auto Layout в Figma 4.0 (уроки Фигмы 2022) на реальных примерах! Урок 23
55:32
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН