디자인 시스템 #2 : SwiftUI를 활용한 BottomSheet 제작기-1
SwiftUI의 `sheet`와 `presentationDetent`를 활용해 BottomSheet를 구현한 경험을 정리했습니다. 동적 높이와 확장형 시트, 커스텀 배경을 위한 인터페이스 설계 방향을 소개했습니다.
#SwiftUI#iOS
4400
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
비효율이 있는 곳엔 플랫폼 디자이너가 있다
은행 문자 속 ‘자동이체’ 표현으로 생기던 오해와 문의를 줄이기 위해 안내 문구와 화면 구성을 개선했습니다. 그 결과 월평균 문의가 3,173건에서 446건으로 크게 감소했습니다.
#UI/UX#디자인 시스템
1700
OLEA? Storybook을 활용한 올리브영의 디자인 시스템!
올리브영은 BO 공통화를 위해 Vue와 Ant Design Vue, Storybook 기반 디자인 시스템 OLEA를 구축했습니다. GitHub Packages 배포로 내부 개발자들이 일관된 컴포넌트를 쉽게 재사용하도록 만들었습니다.
#Vue.js#Storybook
9000
여기어때가 비주얼 일관성을 지키는 방법, 여기어때 룸서비스 ️
여기어때가 브랜드 그래픽 자산을 한곳에 모아 일관되게 쓰도록 ‘룸서비스’ 웹사이트를 구축했습니다. 디자이너가 프레이머로 직접 만들고 운영까지 쉽게 이어가도록 설계했습니다.
#프레이머#웹사이트
2400
디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템에서 Figma와 코드 간 간극이 커지며 커뮤니케이션 비용과 개발 피로도가 늘어나는 문제를 다뤘습니다. Figma 규약 정비와 Plugin API 기반 도구로 명세 검증과 코드 변환을 자동화하는 방안을 소개했습니다.
#디자인 시스템#Figma
3300
디자인 조직이 성장할수록 필요한 일
디자인 조직이 커지며 생기는 비효율을 Design Ops TF로 개선한 사례를 소개했습니다. 피그마 규칙 통일, 스펙 가이드라인, 학습 프로그램으로 협업과 업무 효율을 높였습니다.
#DesignOps#UI/UX
15400
문제의 근원을 해결 하기 위한 다양한 시도
토스 디자인 시스템 테이블의 사용성 문제를 근본 원인부터 다시 정의하고 개선한 과정을 소개했습니다. 실제 사용 조사, AG Grid 활용, 집중된 검증으로 테이블 2.0을 완성했습니다.
#UI/UX#디자인 시스템
2300
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
Figma와 Jetpack Compose를 활용해 Android 디자인 시스템을 구축하는 방법을 다뤘습니다. 디자이너와 개발자의 협업과 일관된 UX 관리 포인트를 소개했습니다.
#Android#Jetpack Compose
3300
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
잘 쓰이는 디자인 시스템을 위한 여정
29CM가 디자인 시스템 Ruler를 만들며 UI 파편화와 컴포넌트 구현 비용을 줄인 과정을 공유했습니다. Headless UI와 Figma 측정 도구로 재사용성과 운영 체계를 함께 강화했습니다.
#디자인 시스템#Headless UI
7200
1,100km 떨어져 있는 사용자를 위한 UX 리서치부터 과감한 리뉴얼까지의 기록
일본 배달 서비스 MerchantApp의 UI/UX 리뉴얼과 현지 사용자 리서치 과정을 공유했습니다. 현장 관찰, FGT, FGI를 통해 주문 흐름과 정보 배치를 개선했습니다.
#UX 리서치#UI/UX
3100
제품이 커지면 디자인 시스템 가이드는 어떻게 개선돼야 할까?
디자인 시스템 가이드를 읽는 순서와 구조를 표준화해 이해와 작성 효율을 높인 사례입니다. 접근성과 상세 스펙을 체계화해 신규 합류자도 빠르게 기여할 수 있게 했습니다.
#UI/UX#접근성
14700
deFign : 네이버 페이의 디자인 시스템을 정의하다
네이버페이는 공통 UI와 디자인 토큰을 기반으로 디자인 시스템 deFign을 구축했습니다.\n컴포넌트 표준화와 스토리북, 인터페이스 조율로 일관성과 개발 효율을 높였습니다.
#디자인 시스템#Figma
11400
101 Sherpa: 2023년 3월 호
클래스101 사내 뉴스레터 101 Sherpa의 2023년 3월호를 정리했습니다. 제품 개선, 크리에이터 소식, 팀 인터뷰와 문화 콘텐츠를 함께 소개했습니다.
#SEO#UI/UX
1700
프론트엔드와 SOLID 원칙
프론트엔드와 SOLID 원칙
프론트엔드에서 SOLID, 특히 SRP를 책무 기반 컴포넌트 설계로 해석한 글입니다. 카카오페이지 사례를 통해 기획·디자인·개발 흐름에 맞춘 구조와 OCP 적용 방식을 설명했습니다.
#SOLID#SRP
4800