콘텐츠로 이동

Design Plugins

디자인 시스템과 UI 도구(Figma, shadcn/ui) 연동 지식을 제공하는 Layer 3 플러그인.

Why this domain exists

design/ 카테고리는 디자인 시스템과 UI 도구에 대한 전문 지식을 제공한다. 디자인 토큰, 컴포넌트 구현, 디자인 시스템 연동 시 자동 로드된다.

플러그인 목록

플러그인 대상 설명
figma Figma 디자인 토큰 변환, 컴포넌트 구현 가이드
shadcn shadcn/ui 컴포넌트 설치, 커스터마이징, 테마 관리

설계 패턴

figma 플러그인

---
name: figma-integration
description: |
  Figma 디자인 에셋 연동 가이드. 디자인 토큰 변환, 
  컴포넌트 명세 구현, 반응형 레이아웃 구현 시 참조.
user-invocable: false
paths:
  - "**/*.{css,scss,tsx,jsx}"
  - "**/tokens/**"
---

shadcn 플러그인

---
name: shadcn-components
description: |
  shadcn/ui 컴포넌트 활용 가이드. 컴포넌트 설치, 
  커스터마이징, 테마 변수 관리, 접근성 준수 시 참조.
user-invocable: false
paths:
  - "src/components/**/*.{tsx,jsx}"
  - "**/components.json"
---

관련 문서