디자인 소프트웨어 · 디자인 시스템·스타일가이드

story.to.design

코드로 만든 Storybook 컴포넌트를 Figma 컴포넌트로 만들어 디자인과 코드를 맞추는 도구입니다.

무료 체험story.to.design
01

어떤 곳인가요?

Storybook에서 Figma 라이브러리를 생성하고 동기화하는 도구.

02

핵심 포인트

  1. 코드에서 Figma로

    Storybook 스토리를 읽어 변형까지 갖춘 Figma 컴포넌트를 만듭니다.

  2. 변경 동기화

    코드가 바뀌면 Figma 라이브러리를 다시 맞춰 차이를 줄입니다.

  3. 여러 도구 지원

    Storybook 외에 Backlight, Histoire의 스토리도 쓸 수 있습니다.

03

쓰기 전에 알아둘 점

Figma 플러그인과 유료 플랜이 필요합니다.

출처와 확인 정보

정리: 디자인서랍 · 공식 사이트 소개를 바탕으로 작성 · 확인:
요금과 기능은 바뀔 수 있으니 이용 전에 공식 사이트에서 확인하세요.

정보 수정 제안