Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
디자인 시스템을 만들때 마주하는 고민사항 23가지와 32개 팁. 섬네일

디자인 시스템을 만들때 마주하는 고민사항 23가지와 32개 팁.

Lemonade Engineering faviconLemonade Engineering·Frontend·
FigmaZeplinSimilayer
2021년 06월 29일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

Lemonade Engineering이 디자인 시스템 구축 과정의 23가지 고민과 32개 팁을 공유합니다.

주요 경험

  • 레거시를 청산하고 디자인 시스템을 만들기 위해 Top Down과 Bottom Up을 병행하는 체계적 접근을 도입했습니다.
  • 피그마 네이밍 컨벤션, 슬래시 대시 활용, 폴더링 구조, Variant/Property 표기 등 협업을 촉진하는 규칙을 제시했습니다.
  • 텍스트/색상/그림자 등 핵심 스타일 관리 규칙과 마스터 페이지, Playground 활용으로 유지 보수성을 높였습니다.

얻은 인사이트

  • 포괄적 규칙이 예외를 포함할 때 속도와 일관성을 모두 확보한다는 점을 확인했습니다.
  • 팀이 커질수록 Playbook 공유 및 신입 온보딩이 빨라집니다.
  • 단순하고 찾기 쉬운 분류가 중요하며, 토큰화는 필요시 보완해야 한다는 교훈이 남았습니다.

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트 섬네일
80%

달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트

토스 favicon토스·2025년 12월 15일
No Image
77%

플랫폼 팀 없는 오픈 소스 기반의 디자인 시스템 구축 회고

인프랩 favicon인프랩·2024년 03월 04일
당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기 섬네일
75%

당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기

29CM favicon29CM·2025년 01월 15일