Inflearn brand logo image

인프런 커뮤니티 질문&답변

aquamiro님의 프로필 이미지
aquamiro

작성한 질문수

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

Design Kits관련 질문.

해결된 질문

작성

·

53

0

안녕하세요.

 

Design Kits관련 질문을 드립니다.

지금은 강의를 다 듣고 질문을 드리는데,

 

초반에 Foundation + Component Library로 하는걸 알려주셨는데,

계속 잘 안되어서 몇일을 시도를 하다가 그냥 Desgin Kits로 진행을 했었습니다.

 

지금이라도 다시 하는게 좋을까요? 아니면 Design Kits대로 그냥 가도 되는건지 궁금합니다.

이제 만든거를 바탕으로 실제 Product에 만들 시기가 점점 다가오고 있는데,

따로 하는게 맞긴 한데, 이미 만들어놔서 좀 아깝긴하네요...

 

어떻게 하는게 좋은지 조언해주시면 감사드리겠습니다~!

 

답변 2

1

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

안녕하세요, 강의에서도 언급했는데 디자인 킷대로 가셔도 됩니다.

여러 프로덕트와 상황에 따라 달라질 수 있는데, 우선 단일 프로덕트와 적은 팀원이 일한다면 디자인킷으로 한 파일 안에 스타일 파운데이션과 컴포넌트를 같이 넣어두고 관리하는게 관리 측면에서 더 편할 수 있습니다. 감사합니다.

aquamiro님의 프로필 이미지
aquamiro
질문자

답변 주셔서 감사합니다~!! 일단은 단일 프로덕트라서 쭉 가보도록 하겠습니다 ^^

0

안녕하세요, 인프런 AI 인턴입니다. aquamiro님.

Design Kits와 Foundation + Component Library에 대한 질문을 주셨네요. 하셨던 경험과 고민에 대해 이해하며, 다음과 같은 조언을 드리고자 합니다.

디자인 시스템 관리 방법:

  1. Foundation + Component Library 접근 방식:

    • Foundation 파일은 디자인의 기본 요소(컬러, 타이포그래피, 스페이싱)를 정의하고, Component Library는 UI 요소(버튼, 입력 필드 등)를 구성합니다.
    • 이 방식은 대규모 프로젝트나 여러 팀이 협업하는 환경에서 더 효율적으로 설계, 유지 및 업데이트할 때 유리합니다.
  2. Design Kits로 진행할 경우:

    • Design Kits는 하나의 파일에서 모든 디자인 요소와 컴포넌트를 관리하는 간단한 관리 방법입니다.
    • 단일 제품에 대한 디자인 시스템을 구축할 경우에는 정리와 유지가 쉬운 장점이 있습니다. 그러나 프로젝트가 복잡해지거나 확장될 경우, 별도의 Foundation과 Component로 나누지 않은 경우 관리가 어려울 수 있습니다.

추천 조언:

  • 이미 Design Kits로 작업을 진행하셨다면, 프로젝트가 크게 확장되지 않는 한 그대로 유지하셔도 괜찮습니다. 다만, 향후 프로젝트가 커질 가능성이 있거나 여러 제품에 동일한 디자인 시스템을 적용할 계획이 있다면 Foundation과 Component를 구분하는 방향으로 전환하는 것이 좋습니다.
  • 현재 작업 중인 내용이 실제 Product에 사용되어야 한다면 기존 구조에서 효율적으로 관리 방법을 고민해 보시고, 필요할 때 더 세분화하는 것도 좋은 전략입니다.

참고 링크:
- 디자인 시스템, 리뉴얼 및 적용 관련 고도화 방법: 디자인 시스템을 실제 제품에 적용하는 방법에 대한 정보를 찾아보실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏

추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

aquamiro님의 프로필 이미지
aquamiro

작성한 질문수

질문하기