아이콘, 브랜딩 에셋까지 디자인시스템으로 | 2024 당근 테크 밋업
당근 밋업 당근 · YouTube
AI 핵심 요약
당근에서는 Figma에 있는 아이콘을 여러 플랫폼에 빠르고 일관되게 배포하고, 흩어진 브랜딩 에셋을 쉽게 관리·탐색할 방법이 필요했다. 아이콘은 Figma 플러그인으로 데이터를 추출해 GitHub에 전달하고, 생성기 패키지와 GitHub Actions로 SVG를 플랫폼별 포맷으로 변환·배포하는 구조를 만들었다. 브랜딩 에셋은 Sanity를 관리용 CMS로, Cloudflare R2를 파일 저장·서빙에 활용해 대역폭 부담을 줄였으며, Figma 플러그인과 Dev Mode에서 에셋을 찾고 CDN 링크를 확인하도록 연결했다. 디자인 시스템은 UI 컴포넌트뿐 아니라 반복되는 디자인·개발 협업 문제를 자동화하고, 관리와 서빙을 분리해 지속 가능하게 만드는 일이라는 점을 보여줬다.
- Figma 플러그인 API로 디자인 파일의 벡터 데이터를 추출하고, GitHub에 변경 사항을 전달하는 흐름을 만들 수 있다.
- SVG를 여러 플랫폼 포맷으로 변환하는 작업은 변환 라이브러리와 설정을 생성기 패키지로 묶어 관리한다.
- GitHub Actions로 아이콘 생성과 버전 업데이트를 자동화하되, 변경 내용은 Pull Request에서 검토한 뒤 병합한다.
- 관리 도구의 무료 대역폭 한계는 콘텐츠 관리와 실제 파일 서빙을 분리해 대응할 수 있다.
- Figma Dev Mode에 에셋 CDN 링크를 연결하면 디자인에서 개발로 이어지는 전달 과정을 단순화할 수 있다.
소개
‘디자인시스템’하면 무엇이 떠오르나요? 컴포넌트 제작, 스펙 정의, 문서 작업과 같은 업무들이 떠오르는데요. 이 외에도 당근에는 다양한 문제들이 있었고 이를 해결해 왔어요. 아이콘은 어떤 식으로 관리하고 배포해야 하는지, 브랜딩 에셋은 어떤 식으로 관리할지, 지속 가능한 시스템은 어떻게 구축할지와 같은 문제들이 있었어요. 여러분이라면 이 문제들을 어떻게 해결하시겠어요? 제가 당근에서 이 문제를 해결한 경험을 들려드릴게요. 🥕 영상을 보고 당근에 관심이 생기셨다면 채용 공고를 확인해보세요! https://about.daangn.com/jobs/
비슷한 학습 자료
컨퍼런스 당근 밋업
당근 채팅 시스템은 어떻게 만들까? | 2024 당근 테크 밋업
컨퍼런스 당근 밋업
당근 채팅 시스템이 탄생한 과정을 소개해요. 당근의 수많은 사용자들이 실시간으로 메시지를 주고받는 방법과 이를 효율적으로 저장하는 방식이 궁금하지 않으신가요? 이 세션에서는 먼저 메시지 전달의 기본 원리를 살펴본 후, 서버가 2대일 때 발생하는 메시지 동기화 방법과 서버 간 비동기 처리 방식을 설명해요. 저장 측면에서는 필요한 기능, 스키마 설계, 스케일 업, 인덱싱, 쿼리 최적화, 캐싱 기법 등 다양한 주제를 다루어요. 또한 리플리케이션과 샤딩, 채팅 데이터의 분할 방법 및 저장소 마이그레이션 경험을 쉽게 이야기하려 해요. 🥕 영상을 보고 당근에 관심이 생기셨다면 채용 공고를 확인해보세요! https://about.daangn.com/jobs/
백엔드 데이터베이스 네트워크
컨퍼런스 엔지니어링데이 2025
디자인시스템을 개발에서 적용 하는법
컨퍼런스 채널데브톡 2025
[Frontend] UI를 꼭 사람이 짜야 할까요?
컨퍼런스 INFCON 2024
작은 조직을 위한 효과적인 디자인 시스템 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 작은 조직을 위한 효과적인 디자인 시스템 - 김문주, 이병기 모든 디자인 조직이 디자인 시스템 관리 인력을 갖출 수는 없습니다. 디자인 시스템은 선택이 아닌 필수인 요즘, 작은 조직이 디자인 시스템을 밀도 높게 만들고 관리할 수 있는 효과적인 방법을 사례를 통해 귀뜸해보려해요. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
UI/UX
컨퍼런스 INFCON 2024
디자인 시스템의 명과 암 | 인프콘 2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 디자인 시스템의 명과 암 - 김성광, 길형진, 이상효, 차승호, 김지홍(모더레이터) | 원티드랩 패널토크 디자인 시스템, 다들 한다고 하는데 과연 정말 필요한 걸까요? 필요하다면 우리 조직에서는 어떤 형태의 고민이 필요할까요? 원티드 디자이너와 개발자들이 디자인 시스템을 실무 환경에 도입하며 느낀 명과 암에 대해 이야기합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
UI/UX
컨퍼런스 당근 밋업
디자인 엔지니어는 뭐 하나요? | 2026 당근 빌더 밋업
컨퍼런스 당근 밋업
🥕 2026 당근 빌더 밋업 | Product Day 하이퍼로컬, 가장 거대한 현장 4,300만 명이 가입한 서비스를 만드는 당근 빌더들은 어떤 문제를 풀고 있을까요? 하나의 프로덕트를 처음부터 끝까지 책임지고, 직군의 경계를 넘나들며 함께 답을 찾아가는 당근 빌더들의 고민과 시도, 성공과 실패의 경험을 솔직하게 나눠요. 당근에는 Seed 단계부터 Stage D까지 다양한 제품이 있고, 각 제품의 성장 단계에 따라 일하는 방식과 마주하는 문제가 달라요. 서비스를 처음 만들던 순간의 PMF 탐색부터 직군의 경계를 넘어 하나의 제품을 만들어온 과정까지, 당근 빌더들이 실제 프로덕트를 만들고 성장시키며 얻은 배움과 고민을 만나보세요. 👉 당근 채용 바로가기 : https://careers.daangn.com/
프론트엔드 UI/UX