cc-coui-sync#
CoUI 디자인 시스템의 Figma↔코드 동기화 — 캔버스 드리프트 감지(/absorb), 플러그인이 그리는 코드의 출처 측정(/status), 디자이너 결정의 코드 흡수 전 과정(/absorb-apply)
CoUI 디자인 시스템의 Figma↔코드 동기화 플러그인 — 디자이너가 캔버스에서 확정한 것을 코드로 흡수하고, 그 흡수가 실제로 캔버스에 도달했는지 잰다.
Commands#
| 이름 | 설명 |
|---|---|
| /cc-coui-sync:absorb — 디자이너가 무엇을 바꿨는지 먼저 안다 | 디자이너가 플러그인으로 내려준 Figma 구조 스냅샷을 baseline 과 차분해 이슈 하나로 보고합니다 — 페이지·컴포넌트·변형 축의 추가/삭제/rename/이동을 찾아 '사람이 |
| /cc-coui-sync:absorb-apply — 캔버스에서 정한 것을 코드로 옮긴다 | 디자이너가 캔버스에서 확정한 결정을 코드로 옮기는 전 과정을 끝까지 몹니다 — 실측 survey, Core 계약 반영, 양 플랫폼 구현, export 재생성, 빌더·rename 표 |
| /cc-coui-sync:status — 캔버스는 지금 어느 코드를 그리고 있나 | Figma 플러그인이 지금 그리는 것이 어느 코드인지를 6행 표로 답합니다 — 번들에 구워진 소스 해시와 작업 트리·main 을 대조하고, components.json 신선도·ma |
관련 플러그인#
| 플러그인 | 설명 |
|---|---|
| cc-blueprint | 피그마 디자인·화면 개발 워크플로우 — CoUI Figma 라이브러리로 페이지 저작(/design), 프레젠테이션 온리 화면 개발 + 위젯북(/build), Figma↔Widget |
| cc-coui | CoUI 컴포넌트 라이브러리 (크로스플랫폼 컴포넌트 128종) + 조합/확장 가이드 |
| cc-designer | 디자인 실무 레퍼런스 + 의사결정 스킬 (UI 디자인, 인터랙션 디자인, 디자인 시스템, 디자인 옵스, 비주얼 크리틱). owl-listener/designer-skills에서 v |
| cc-pixel-loop | Figma + Marionette + Dart MCP를 활용한 픽셀 퍼펙트 Flutter UI 에이전틱 루프 (Read → Write → Reload → Capture → Comp |
설치#
claude plugins install coco-de/skills/plugins/cc-coui-sync