컴포넌트 속성

소스 문서 raw/10 Figma Component Structures Used by the World’s Best Design Teams.md를 철저히 분석하고 기존 지식 베이스 아키텍처 규칙에 맞추어 신규 위키 노트 컴포넌트 속성을 작성 완료했습니다.

문서 위치: 컴포넌트 속성.md
주요 내용:
- Frontmatter: 지정된 스키마 (type: tool, status: draft, sources, tags, aliases 등) 준수
- 핵심 요지: 배리언트 조합 폭발(Variant Sprawl) 60~80% 억제, 4대 속성(Boolean, Text, Instance Swap, Variant) 표준화, 오버라이드 훼손 방지 및 정량적 성과 지표 포함
- 상세 분석: Figma 컨트롤과 개발 코드베이스 Props 간 1:1 매핑을 통한 핸드오프 및 LLM/에이전트 UI 자동 생성 연동성 서술
- 구체적 코드 예시: LLM UI 생성 에이전트(Claude 3.5 Sonnet, GPT-4o 등) 연동용 JSON 스키마 및 4대 속성이 1:1 매핑된 React/TypeScript 컴포넌트 코드 제공
- 상호 연동 위키링크: [[베이스 컴포넌트 및 배리언트 아키텍처]], [[슬래시 기반 명명 규칙]], [[토큰 우선 원칙]], [[디자인 시스템 우선 접근 방식]], [[미니 디자인 시스템]] 포함

LLM Wiki