Кнопки | Воркшоп #3 | UI-kit

Katya's Telegram channel https://t.me/+J_hi0vQ-KFZjMmIy where she helps aspiring designers avoid being left alone in design after expensive training. I help with portfolio preparation and interviews (25+ case studies at large companies) https://dub.sh/qo6RkR2 My Telegram: https://t.me/+2Q738JTfRfoxOWNi Chat where we help each other with components: https://t.me/+e2e3f9TOhzplY2Uy Workshop playlist: https://clck.ru/39Phst We continue to develop systems thinking and a more conscious approach using UI kit components as an example. In the workshop, we covered the most basic component found in almost every product—Buttons. We used the latest Figma updates (Autolayout, Property, Boolean, Instance Swap, Nested Instances), discussed how the component is organized, visual balancing, whether a master component is needed, and much more. As always, I invite everyone to the comments: criticize, add, and share your experiences 👇 00:00 - Briefly about the main points 00:50 - Integration 01:20 - What's in the video 02:26 - How a button works 06:43 - Preparing a master component 10:55 - Visual balancing 12:45 - Setting up a property 19:19 - Creating button variants 27:48 - More complex button solutions 29:55 - About ui-kit specifications 31:43 - Adding to the overview

Indentation in Plain English | Workshop #2 | UI-kit
▶︎

Indentation in Plain English | Workshop #2 | UI-kit

Тег и Бейдж | Воркшоп #4 | UI-kit
▶︎

Тег и Бейдж | Воркшоп #4 | UI-kit

Организация цветовой палитры через Color Variables | Воркшоп #1 | UI-kit
▶︎

Организация цветовой палитры через Color Variables | Воркшоп #1 | UI-kit

I invested a MILLION in my app. Failure or success?
▶︎

I invested a MILLION in my app. Failure or success?

22 - What is default in switch and oninput event (js lessons)
▶︎

22 - What is default in switch and oninput event (js lessons)

Устраиваюсь кодером НЕ УМЕЯ кодить [ Пранк работодателей ]
▶︎

Устраиваюсь кодером НЕ УМЕЯ кодить [ Пранк работодателей ]

Всё об Auto Layout в Figma
▶︎

Всё об Auto Layout в Figma

Человеческая аватарка – Avatar | Воркшоп #5 | UI-kit
▶︎

Человеческая аватарка – Avatar | Воркшоп #5 | UI-kit

Как бы я сейчас изучал 1С. Не повторяй мои ошибки!
▶︎

Как бы я сейчас изучал 1С. Не повторяй мои ошибки!

Как стать продуктовым дизайнером. Мой опыт
▶︎

Как стать продуктовым дизайнером. Мой опыт

Интерстеллар, центр за $1 000 000 000, мегалазер / вДудь
▶︎

Интерстеллар, центр за $1 000 000 000, мегалазер / вДудь

Почему одни растут в IT, а другие застревают: 7 секретов мастерства
▶︎

Почему одни растут в IT, а другие застревают: 7 секретов мастерства

Game UI/UX: Стилистика игровых интерфейсов
▶︎

Game UI/UX: Стилистика игровых интерфейсов

Claude Code for Designers: A New Standard of Work in 2026
▶︎

Claude Code for Designers: A New Standard of Work in 2026

Дизайн система кнопок
▶︎

Дизайн система кнопок

Figma Variables. Как пользоваться переменными и токенами
▶︎

Figma Variables. Как пользоваться переменными и токенами

Процесс проектирования интерфейса в играх
▶︎

Процесс проектирования интерфейса в играх

Дизайн система списков. Самый сложный компонент в Figma.
▶︎

Дизайн система списков. Самый сложный компонент в Figma.

«Ich bin der Versöhner»: Björn Höcke über die Deutschen, ihre Identität und ihre Zukunft
▶︎

«Ich bin der Versöhner»: Björn Höcke über die Deutschen, ihre Identität und ihre Zukunft

UI-элементы и жесты в мобильных приложениях (и не только)
▶︎

UI-элементы и жесты в мобильных приложениях (и не только)