Спасибо! Очень полезное видео, круто все разжевал и разложил по полочкам, как раз того чего не хватало! Буду надеяться что будут еще такие же полезные видосы! Тебе огромный респект!!
Самое веселое это когда ты получаешь вот такую систему (пускай и хорошую!) без малейшего понимания и объяснения как она работает. И тебе говорят "Это делал наш старый дизайнер, продолжай ты".))
@@zen-designer Как именно она должна документироваться? Есть примеры? Хорошо ли задокументирована дизайн-система Uber, при том, что там нет никаких пояснений (по крайней мере в фигме)?
@@levionmusic Документироваться должна так, чтобы все участники процесса были довольны )) Uber выложил нерабочий огрызок системы. Вот пара интересных ссылок -- vc.ru/design/127039-publikuem-dizayn-biblioteki-komponentov-vkui-v-figma и www.figma.com/community/file/832911648132248625
Очень крутое видео. Хотелось-бы что-то подобное, но с учетом авто-лейаут и свойств фрейма. Пытаюсь сам по новому все собрать. Не особо получается автоматизировать все. Больше всего проблем именно со стилем формы. Стоит ли теперь ее отдельно сохранять или в качестве атома уже можно считать алик с текстом и свойствами фрейма? Получается ведь уже готовая кнопка.
рекомендую канал в телеграме. Там публикуют файлы из Figma-сообщества. Дублировать чужие дизайн системы и смотреть чего-как. t.me/figma_community_resources
Видимо были апдейты фигмы, потому что данная схема не работает. На данный момент после того как назначил стиль цвета для объекта он остается стилем нижнего уровня и изменить его после того как переводишь в компонент нельзя. Только если спустишься в объекте на 3 уровня вниз. То есть до самого прямоугольника - Компонент/дочерний компонент/объект. Пробовал делать несколько раз по вашему шаблону. Изменения вступают в силу только так, отменяешь все стили у прямоугольника и назначаешь заново уже на компонент. Или спускаешься на уровень с объектом, которому изначально присвоены стили и меняешь там. Схема: сделал объект - задал стиль - преобразовал в компонент - заменил стиль не актуальна.
Появиились автолейауты, пропало отдельное свойство для заливки фрейма, появился удобный механизм перекраски инстансов (цвета выделенного в боковой панели). Может что-то забыл, но ключевой момент -- всё меняется очень быстро )
я не поняла как преобразовать/создать color shape. Я копирую соседний, и меняя его цвет и название меняются свойства его копии. Хотя вроде это не компонент
![Уроки Figma Auto Layout. Полное руководство по автолейаут. [Фигма уроки]](http://i.ytimg.com/vi/R4Wq-YVWEvc/mqdefault.jpg)
![Уроки Figma Auto Layout. Полное руководство по автолейаут. [Фигма уроки]](/img/tr.png)
Внимание! После появления авто-лейаут и переездом Frame Background в Fill, всё не так красиво работает.
обязательно отправлю донат, если решитесь на запись обновленного тутора по созданию универсальной заготовки для дизайн-системы!
@@senseoflossable поработав в продукте, могу сказать что такого не бывает )) Но какие-то практические вещи по дизайн системе будут обязательно
Спасибо!
Очень полезное видео, круто все разжевал и разложил по полочкам, как раз того чего не хватало!
Буду надеяться что будут еще такие же полезные видосы!
Тебе огромный респект!!
Рад что пригодилось
Самое веселое это когда ты получаешь вот такую систему (пускай и хорошую!) без малейшего понимания и объяснения как она работает. И тебе говорят "Это делал наш старый дизайнер, продолжай ты".))
Хорошая дизайн-система должна хорошо документироваться. Либо не менять архитектора )
@@zen-designer Как именно она должна документироваться? Есть примеры? Хорошо ли задокументирована дизайн-система Uber, при том, что там нет никаких пояснений (по крайней мере в фигме)?
@@levionmusic Документироваться должна так, чтобы все участники процесса были довольны )) Uber выложил нерабочий огрызок системы. Вот пара интересных ссылок -- vc.ru/design/127039-publikuem-dizayn-biblioteki-komponentov-vkui-v-figma и www.figma.com/community/file/832911648132248625
@@levionmusic Вот ещё по теме medium.com/slashdesigner/holism-23aaeb1cf8f8
@@zen-designer благодарю!
Ну оочень хороший ролик!Спасибо
Круто спасибо за урок!
Рад что понравилось
Хороший урок, спасибо!
den100hero спасибо за реакцию!
Спасибо огромное! Невероятно информативно. Мне было очень полезно.
Рад. Учти что это немного устаревший урок. До появления автолейаутов.
@@zen-designer Да, и тем не менее :) Я надеялась найти полный разбор построения UI кита. Увы! Я плохо искала или его действительно нет на канале? :)
Такую глобальную тему я не разбирал пока.
Нужно смотреть чужие киты и разбирать их. Всё равно нет единственно верного пути
@@zen-designer Согласна. Просто очень понравился ваш подход. Чёткость и порядок.
Отличный урок! Спасибо))
На здоровье. Заходите ещё.
спасибо
пожалуйста
спасибо, очень интересный подход
Elena Kulikova не берите слепо на вооружение только 😁 Я его оттачиваю пока
Очень крутое видео. Хотелось-бы что-то подобное, но с учетом авто-лейаут и свойств фрейма. Пытаюсь сам по новому все собрать. Не особо получается автоматизировать все. Больше всего проблем именно со стилем формы. Стоит ли теперь ее отдельно сохранять или в качестве атома уже можно считать алик с текстом и свойствами фрейма? Получается ведь уже готовая кнопка.
рекомендую канал в телеграме. Там публикуют файлы из Figma-сообщества. Дублировать чужие дизайн системы и смотреть чего-как. t.me/figma_community_resources
Видимо были апдейты фигмы, потому что данная схема не работает. На данный момент после того как назначил стиль цвета для объекта он остается стилем нижнего уровня и изменить его после того как переводишь в компонент нельзя. Только если спустишься в объекте на 3 уровня вниз. То есть до самого прямоугольника - Компонент/дочерний компонент/объект. Пробовал делать несколько раз по вашему шаблону. Изменения вступают в силу только так, отменяешь все стили у прямоугольника и назначаешь заново уже на компонент. Или спускаешься на уровень с объектом, которому изначально присвоены стили и меняешь там. Схема: сделал объект - задал стиль - преобразовал в компонент - заменил стиль не актуальна.
К сожалению это так. После появления автолейаута это случилось. Ждём обновлений.
@@zen-designer спасибо за ответ, а то я уже думал, что у меня с головой что то не так ))
@@DenisKandaurov Раньше было понятие Background у Frame. Теперь всё это Fill.
А в чем отличие кита от того что было сейчас. Теперь не нужен отдельный шейп для bg в кнопке?
Появиились автолейауты, пропало отдельное свойство для заливки фрейма, появился удобный механизм перекраски инстансов (цвета выделенного в боковой панели). Может что-то забыл, но ключевой момент -- всё меняется очень быстро )
Всё круто, но как смотреть плейлист по порядку, если у вас он отсортирован в обратном порядке?
Правильный порядок от свежего к древнему ) Очень быстро всё устаревает.
Диджитал шаманиздм!
я не поняла как преобразовать/создать color shape. Я копирую соседний, и меняя его цвет и название меняются свойства его копии. Хотя вроде это не компонент
Разобралась )
Не успел )
Простите? А Modo уже закончилось?
Модо существует ) Наверняка и к нему вернусь или к чему-то другому. К Moi 3D например.
@@zen-designer никакого Мои, только Модо или смерть
Alexey Zenkin ахахах
А зачем сидеть в Фигме если в скетче проще ?
Какие-то вещи проще в Скетче, какие-то в Фигме. На данном этапе использую оба инструмента. Но начинаю больше любить Фигму )