달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트
토스가 7년 만에 컬러 시스템을 전면 개편한 과정과 토큰 시스템 재구축 방법을 공유했습니다. OKLCH, 시맨틱 토큰, 자동 코드 생성으로 확장성과 일관성을 높였습니다.
#디자인 시스템#토큰
17700
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
여기어때 비주얼 에셋, 새롭게 정의하다
여기어때 비주얼 에셋, 새롭게 정의하다
여기어때가 브랜드 일관성과 활용성을 높이기 위해 비주얼 에셋 체계를 새로 정리한 사례를 소개했습니다. 2D·3D 원칙, UT 검증, 검색성과 네이밍 개선까지 함께 다뤘습니다.
#UI/UX#디자인 시스템
7000
[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기
[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기
Radix Primitives로 접근성과 확장성을 확보하고, Panda CSS로 상태 기반 스타일링을 선언적으로 구성했습니다. 또한 styled-components의 한계를 고려해 Zero-runtime CSS-in-TS로 전환하고 토큰 배포 전략도 정비했습니다.
#Radix Primitives#Panda CSS
10200
디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화
디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화
네이버파이낸셜 디자인시스템과 AI를 활용한 마크업 자동화 경험을 공유한 세션입니다. 디자인 토큰과 Code Connect 등 준비 요소와 실제 개발 적용 시 아쉬운 점을 다뤘습니다.
#디자인 시스템#마크업
22600
2026년 버즈빌 디자인 스택, AI 전환을 준비하며
코드와 연결된 디자인 시스템을 중심으로 AI 기반 제품 개발을 준비하는 2026년 디자인 스택을 정리했습니다. Figma, LLM, Cursor 도입과 권한 정책으로 디자인 운영 규율을 강화합니다.
#Figma#디자인 시스템
000
![[온∙오프라인/마감] COMMIT × Figma: From Idea to Reality](https://tech.goorm.io/wp-content/uploads/2025/11/BLOG_thumbnail.jpg)
[온∙오프라인/마감] COMMIT × Figma: From Idea to Reality
Figma와 구름의 COMMIT 행사에서 AI 기반 제품 개발과 디자인 시스템 자동화 사례를 공유했습니다. 디자인과 개발 사이의 워크플로우를 줄이는 실무 인사이트를 전했습니다.
#Figma#디자인 시스템
2900
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
![[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기](https://miro.medium.com/v2/resize:fit:1200/1*kCf05hhyLPa7iBp2vBTJAA.png)
[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기
요기요는 디자인 시스템 아이콘을 개별 SVG 컴포넌트와 전용 라이브러리로 재구축했습니다. 자동 변환, 접근성, 토큰 연동, 변경 내역 자동화로 운영 효율을 높였습니다.
#React#SVG
13500
모노레포 절망편 – 14개의 레포로 부활하기까지 걸린 1년
모노레포 확장으로 생긴 충돌과 복잡도를 줄이기 위해 14개 레포로 분리한 과정을 정리했습니다. 패키지 정리와 체계 재설계로 빌드 성능과 CI 속도를 개선했습니다.
#모노레포#polyrepo
3800
“프로덕트를 잇고, 고객 경험을 확장해요”
미리디 프로덕트 디자인팀이 제품 간 연결로 고객 경험을 확장하는 방식과 팀의 방향성을 소개했습니다. 글로벌 확장, AI 고도화, 리서치와 협업 체계 강화에 집중하고 있습니다.
#UI/UX#디자인 시스템
2600
“데이터로 문제를 정의하고, 협업으로 해결해요”
미리디 프로덕트 디자인팀의 데이터 기반 문제 정의와 협업 중심 일하는 방식을 소개했습니다. 실제 사례와 함께 디자인 시스템, 피드백 문화, 실험적 개선 과정을 보여주었습니다.
#UI/UX#데이터 분석
2500
피그마 플러그인을 통한 개발 생산성 끌어올리기
피그마 플러그인으로 디자인 토큰과 Tailwind 클래스를 자동 추출해 개발 생산성을 높인 사례를 소개했습니다. 디자인 시스템의 일관성과 지속적인 도구 개선의 중요성도 함께 강조했습니다.
#Figma#Tailwind CSS
11200
KMP 기반 UI 컴포넌트 통합 전략
KMP 기반 UI 컴포넌트 통합 전략
KMP 기반으로 멀티플랫폼 디자인 시스템과 UI 컴포넌트 통합 전략을 다뤘습니다. 아이콘 리소스 자동화 관리와 배포 방식까지 함께 소개했습니다.
#Kotlin#UI/UX
12800
[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프
[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프
디자인 시스템을 통해 UX와 FE 간 Hand-off를 표준화하고 협업 효율을 높인 사례를 설명했습니다. Figma, Token, Storybook, NPM을 연결해 일관성과 재사용성을 강화하는 과정도 다뤘습니다.
#디자인 시스템#Storybook
3800
Syrup Design System 개발 : UX에서 Front-End로의 효과적인 Hand-off
Syrup Design System 개발 : UX에서 Front-End로의 효과적인 Hand-off
Syrup Design System은 UX와 프론트엔드를 하나의 기준으로 연결해 Hand-off 효율을 높였습니다. Storybook, Token, NPM 배포를 통해 일관성과 재사용성을 강화했습니다.
#디자인 시스템#UI/UX
5200