Jetpack Compose로 디자인시스템 만들기 #우아콘2022 #Day2_음식그이상의것을문앞으로
우아콘 2022 우아한형제들 · YouTube
AI 핵심 요약
배달의민족 Android 앱에서 흩어진 UI와 디자인 패턴을 통합하고 개발·디자인 생산성을 높이기 위해 배민 시각 시스템 ‘배시시’를 구축했다. 파운데이션과 코어 컴포넌트를 나누고, Jetpack Compose 테마와 컴포넌트로 구현하면서 피그마의 이름·속성·상태를 코드에 최대한 맞췄다. Compose 도입 과정에서는 폰트 패딩, 텍스트 입력, 애니메이션 성능, 프리뷰와 빌드 시간 문제가 있었고, 안정 버전을 기다리거나 필요한 입력창에 기존 Android View를 적용해 대응했다. 러닝커브를 넘은 뒤에는 컴포넌트 재사용과 빠른 개발이 장점으로 자리 잡았으며, 디자인 시스템은 범용성과 제품별 요구 사이의 합의 및 운영이 중요하다는 점을 얻었다.
- 플랫폼 간 디자인 시스템을 맞출 때는 머티리얼 기본 팔레트에 의존하기보다 제품의 시맨틱 컬러를 정의하고 각 플랫폼 테마에 연결한다.
- 피그마의 컴포넌트 이름과 속성, 상태, 리소스 이름을 코드와 최대한 일치시키면 사용법을 파악하고 협업하기 쉬워진다.
- Compose의 시맨틱과 역할을 활용해 접근성 정보를 컴포넌트에 포함하고, 필요한 경우 기존 View를 함께 사용한다.
- 알파 버전은 API와 기본 동작이 바뀔 수 있으므로 안정성이 중요한 앱에서는 도입 시점을 신중히 정한다.
- 디자인 시스템의 범용성과 특정 화면에 맞춘 구현 사이에서 초기 합의 비용과 이후 재사용성을 함께 고려한다.
소개
배달의민족 Android 프로젝트에 디자인시스템(aka 배시시, 배민시각시스템)을 도입한 경험과, 디자인시스템을 만들기 위해 Jetpack Compose를 사용해 보고 느낀 점을 공유합니다. [발표자 소개] 강경완 | 배민푸드Android개발팀 배달의민족 Android 앱을 개발합니다. 모든 사람이 편하게 사용할 수 있는 앱을 만들기 위해 노력합니다. 사람들과 만나 소통하는 걸 좋아하며, 개발자 커뮤니티를 운영하고 있습니다.
비슷한 학습 자료
컨퍼런스 엔지니어링데이 2025
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2024(5월)에서 발표되었던 세션을 공개합니다. Figma와 Jetpack Compose를 사용하여 Android 디자인 시스템을 구축하는 방법을 다룹니다. 디자인 시스템의 중요성과 Figma에서 디자인을 만들고 Jetpack Compose로 구현하는 과정을 설명하고, 이를 통해 디자이너와 개발자가 어떻게 협업할 수 있는지, 그리고 일관성 있는 사용자 경험을 제공하기 위해 디자인 시스템을 어떻게 효과적으로 관리할 수 있는지를 보여줍니다. We'll discuss what design systems are, why they're important, and how we can build them effectively using tools like Jetpack Compose. Demo Material Design figma : https://www.figma.com/file/nVZK2STszk2ehH0xN3kxc...
프론트엔드 모바일 앱 개발 UI/UX
컨퍼런스 우아콘 2025
Compose Text 통합 진단: 이슈 분석과 디자인시스템 적용 전략 #우아콘2025 #우아한형제들
컨퍼런스 우아콘 2024
XML을 Compose로 전환하기 #우아콘2024 #우아한형제들
컨퍼런스 우아콘 2022
배달의 민족을 이용하시는 사장님들을 위한 통합 서비스, '배민사장님 앱'! 이 앱을 개발한 개발자들은 어떤 기능을 어떻게 개발할까요? 또 어떤 고민을 가지고 어떻게 풀어나갈까요? 배민사장님앱의 개발 이야기가 궁금하신 분들은 주목해 주세요! iOS 개발자가 들려주는 앱의 핵심 기능 개발부터, 프론트엔드 개발자가 들려주는 문제상황과 해결 방법을 거쳐, Android 개발자가 들려주는 새로운 아키텍처 도입까지! 무엇을 좋아하실지 몰라 종합세트로 준비했습니다. [발표자 소개] 김동연 | 배민푸드Android개발팀 우아한형제들에서 주문고객님, 사장님을 위한 Android앱을 개발하고 있습니다. 훌륭한 동료들과 유익한 앱을 만들기 위해 노력중입니다. 김양원 | 셀러웹프론트개발팀 우아한형제들에서 배민사장님앱 웹뷰를 개발하는 웹프론트엔드 개발자입니다. 편리하고 이질감 없는 사용성을 느낄 수 있는 서비스를 만들도록 최선을 다하고 있습니다. 박하영 | 배민푸드iOS개발팀 귀한 분과 사장님을 위한...
프론트엔드 모바일 앱 개발
컨퍼런스 우아콘 2021