디자인 시스템 > 스토리북

Autodocs

Figma 컴포넌트에 Description 을 채워 두면 라이브러리 패널에 그대로 노출되듯, Storybook 이 컴포넌트와 argTypes 정보를 모아 자동으로 문서 페이지를 만들어 주는 기능이 autodocs 라고 불립니다.

Figma 에서 마스터 컴포넌트의 Description 칸에 "이 카드는 상품 그리드에 사용" 이라고 적어 두면, 라이브러리 패널에서 인스턴스를 검색할 때 그 설명이 그대로 떠서 팀원들이 컨텍스트를 빠르게 파악합니다.

전체 설명과 예시는 수강생에게 공개됩니다

이 개념의 코스 내 적용 예시, 코드 예제, 관련 강의 연결은 로그인 후 용어집에서 볼 수 있습니다.