Skip to content

Conversation

@jungjunhyung99
Copy link
Contributor

Motivation 🤔

피그마에 있는 디자인과 Storybook을 번갈아 보면서 작업을 해야 하는 번거로움이 있다고 생각했습니다.
그리고 PR을 올릴 때, 피그마 디자인을 캡처해서 올려야 하는 번거로움이 존재한다고 생각했습니다.
이러한 점을 개선하기 위해 addon/design 기능을 추가하였습니다.

Key Changes 🔑

이런 식으로 stories 파일에 있는 Story에 parameters를 설정해주시면 됩니다!

NoCheckboxAndNoCost.parameters = {
  design: {
    type: 'figma',
    url: 'https://www.figma.com/design/cr2DuY0vceiMI5LlqWdKR2/Wedvice_%EB%94%94%EC%9E%90%EC%9D%B8?node-id=1899-49633&t=st8bJ1H7LQ9alnmh-4',
  }
}

Attachment 📷

추가적으로 세팅과 관련한 자료는 아래에 정리해두었습니다!
https://humor12.tistory.com/39

조금 부담스럽게 크지만... 아래와 같이 나온다면 성공입니다.
image

@jungjunhyung99 jungjunhyung99 changed the base branch from main to develop March 1, 2025 08:05
@jungjunhyung99 jungjunhyung99 requested a review from suji8073 as a code owner March 1, 2025 08:05
@jungjunhyung99 jungjunhyung99 self-assigned this Mar 1, 2025
@jungjunhyung99 jungjunhyung99 added the ⚙ Setting 개발 환경 세팅 label Mar 1, 2025
@jungjunhyung99 jungjunhyung99 force-pushed the c/storybook_addon/junhyung_jung branch from 5c27625 to dbd0fd8 Compare March 1, 2025 08:35
@github-actions
Copy link

github-actions bot commented Mar 1, 2025

@jungjunhyung99 jungjunhyung99 merged commit 4bd1cae into develop Mar 6, 2025
2 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

⚙ Setting 개발 환경 세팅

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants