Компоненти в Figma — повний гайд + як я юзаю Claude AI в реальній роботі

Повний гайд по Figma компонентах — від нуля до робочої системи. І окремо — як я реально юзаю Claude AI щоб не робити рутину вручну. У відео: → Що таке Master Component і Instance — і чому це важливо → Слеш-система нейминга — як організувати бібліотеку → Variants: один компонент, всі стани → Component Properties: Boolean, Text, Instance Swap, Variant + Slot → Claude AI в роботі з компонентами — живий процес, не теорія ───────────────────────────── 🔗 РЕСУРСИ З ВІДЕО ───────────────────────────── 📄 Гайд + завдання до відео (безкоштовно): https://uxhero.design/figma-components-youtube 🤖 15 промптів для Figma + Claude: https://uxhero.design/promts 🎓 Курс Дизайн Система + AI (повна програма): https://uxhero.design/ds-ai-course 🦸🏻♂️ Курс Design Engineer: https://uxhero.design/de-course ───────────────────────────── 💬 СПІЛЬНОТА ───────────────────────────── Telegram — нові гайди, скрипти, кейси першим: ───────────────────────────── ⏱ ТАЙМ-КОДИ ───────────────────────────── 00:00 — Вступ 01:27 — Що таке компонент і навіщо він потрібен 04:08 — Variants — один компонент, всі стани 06:52 — Claude AI — генерація варіантів автоматично 09:44 — Component Properties: огляд 09:55 — Text Property 13:41 — Boolean Property 15:54 — Instance Swap 17:30 — Slot 22:22 — Nested Instance 23:19 — Висновок ───────────────────────────── Дмитро Ніколаєнко — Senior Product Designer, 15 років у Fintech/Crypto. Навчаю реальному дизайну на живих кейсах — Forte Bank, Currency.com, Path Crypto. #figma #figmacomponents #uxdesign #claudeai #designsystem #uxhero #дизайн #figmaукраїна