주요 명령어
변환 명령과 찾고 확인하는 보조 명령 정리
ids-use 명령은 변환 명령(Figma ↔ 코드)과 보조 명령(찾기·확인)으로 나뉩니다.
전체 목록·옵션은 --help로 볼 수 있습니다.
bash
ids-use --help # 전체 명령 목록
ids-use <명령> --help # 명령별 사용법(인자·옵션)1. 변환 명령어
| 명령 | 방향 | 하는 일 |
|---|---|---|
export | Figma → 코드 | 선택한 Figma 프레임·컴포넌트를 React + Panda 코드로 추출 |
create | 코드 → Figma | 코드 값(prop)으로 Figma에 컴포넌트 하나 생성 |
render | 코드 → Figma | TSX 페이지 전체를 시안으로 조립 (프레임 + 인스턴스) |
update | 코드 → Figma | 기존 인스턴스의 prop 수정 (예: size 변경) |
2. 보조 명령어
| 명령 | 구분 | 하는 일 |
|---|---|---|
cheatsheet | 탐색 | render에 쓸 수 있는 태그·prop·토큰 이름 정본 (목록 밖은 경고 후 중단) |
list | 탐색 | 어떤 컴포넌트가 있는지·언제 쓰는지 |
search | 탐색 | 키워드로 컴포넌트 찾기 (이름·설명·용도) |
reference | 탐색 | 자동 변환이 안 되는 컴포넌트의 사용 예시 코드 |
guide | 탐색 | 이 버전의 전체 능력을 문서로 (AI 전달용) |
screenshot | 확인 | 노드를 PNG로 저장 (결과 눈으로 확인) |
status | 준비 | Figma 연결 확인 |
그 외 명령어
| 명령 | 구분 | 하는 일 |
|---|---|---|
lint | 품질 | 디자인 DS 규율·접근성 검사 |
diff | 품질 | export 코드와 코드 파일 비교 (드리프트 감지) |
variable | 토큰 | 디자인 토큰(변수) 조회·수정 |
style | 토큰 | 로컬 스타일 목록·생성 |
find | 조작 | 현재 페이지에서 이름·타입으로 노드 검색 |
get | 조작 | 노드 정보 또는 DS 컴포넌트 상세 조회 |
node | 조작 | 노드 조작 (tree·rename·delete·clone) |
page | 조작 | 페이지 목록·전환 |
selection | 조작 | 현재 선택 노드 조회·지정 |
viewport | 조작 | 뷰포트 조회·줌 맞춤 |
sync-meta | 메타 | Figma DS 메타(카탈로그) 재생성 |
stats | 기록 | 사용 계측 요약 (무엇을 쓰고, 어디서 실패했는지) |
1. 변환 명령어
2. 보조 명령어