Навыки Claude для дизайн-систем | Аудит, документирование и расширение компонентов в одиночку
듀자인 Dewsign
0:00 / 0:00
Навыки Claude для дизайн-систем | Аудит, документирование и расширение компонентов в одиночку
16 просмотров · 5 ч назад
듀자인 Dewsign
393 подписчика
16 просмотров · 5 ч назад
Поддержание дизайн-системы требует гораздо больше усилий, чем её создание.
Именование становится запутанным, документация отстаёт, и как только вы начинаете добавлять новые компоненты, становится трудно всё контролировать.
В этом видео я расскажу о трёх режимах навыка дизайн-системы в официальном плагине Anthropic для дизайна: «Аудит», «Документ» и «Расширение».
Если вы дизайнер-одиночка, использующий свою дизайн-систему самостоятельно, попробуйте эти режимы.
📌 Что вы узнаете
Как использовать «Аудит» для выявления компонентов и жёстко закодированных значений, которые не соответствуют вашей основе
Как составить и проверить спецификацию компонента кнопки с помощью «Документа»
Что Клод считывает непосредственно из вашего файла Figma и что он заполняет самостоятельно
Как получить новое предложение компонента с помощью «Расширения» и проверить его на соответствие существующим шаблонам
Что проверять при преобразовании спецификации в компонент Figma через Figma MCP
Простой рабочий процесс: «Расширение» → создание в Figma → «Документ» → «Аудит»
Вместе мы проектируем. Вместе мы растем! 🌱
===================================
🇰🇷 한국어 버전 영상 → • 클로드 스킬로 디자인 시스템 관리하기 | 감사, 문서화, 새 컴포넌트 설계까...
===================================
📌 Руководство пользователя канала
[KR] 구독을 통해 더 깊이 있는 디자인 시스템 강좌를 만나보세요.
[EN] Английская версия доступна в плейлисте.
====================================
📌 Свяжитесь с Dewsign
Instagram @dewsign.design
e-mail dewsign.design@gmail.com
Таймлайн
0:00 Введение
0:41 Аудит: Аудит дизайн-системы
1:52 Документ: Документация компонента
3:24 Расширение: Разработка нового компонента
5:23 Как оценить предложение по расширению
5:58 Создание компонента с помощью Figma MCP
6:27 Полный рабочий процесс со всеми тремя навыками
#ClaudeSkills #DesignSystem #ClaudeAI #FigmaMCP #ClaudeFigma