figma-generate-design은(는) 무엇을 하나요?
이 스킬은 애플리케이션 페이지, 뷰 또는 여러 섹션으로 구성된 레이아웃을 Figma로 변환해야 할 때 figma-use 스킬과 함께 사용하세요. 트리거: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. 사용자가 코드나 설명에서 전체 페이지, 모달, 다이얼로그, 드로어, 사이드바, 패널 또는 여러 섹션으로 구성된 뷰를 Figma로 빌드하거나 업데이트하려는 경우 이 워크플로우 스킬이 선호됩니다. Code Connect 파일, 기존 화면 및 라이브러리 검색에서 디자인 시스템 컴포넌트, 변수 및 스타일을 발견한 후, 이를 가져와 하드코딩된 값 대신 디자인 시스템 토큰을 사용하여 섹션별로 점진적으로 뷰를 조립합니다.