우아한 형제들
2026-05-22 · 약 1개월 전
우아한공방의 새로운 동료, 시스템 맥락을 가진 챗봇서비스 개발기(feat. RAG)
AI로 생성한 이미지 들어가며 디자인시스템플랫폼팀은 코어(Core, 토큰/아이콘 과 같은 디자인 리소스, 베이스 컴포넌트 등 공통 기반을 정의하는 계층), 클레이(Clay, 코어 토큰을 기반으로 Base 컴포넌트에 테마를 적용해 사용 가능한 컴포넌트 라이브러리를 제공하는 계층), 몰드(Mold, Clay/Base컴포넌트를 기반으로 각 도메인/비즈니스 요구사항에 맞는 패턴을 라이브러리화한 계층)와 같은 계층 구조를 기반으로, 모든 플랫폼에서 일관
AI AgentDesign SystemFrontendMobileRAG
프롬프트 한 줄로 화면이 나오는 시대, ‘당근스러운 화면’을 만드는 법
Design SystemFrontend
AI 네이티브 디자인 플레이북
이 글은 영문 원본을 바탕으로 작성되었습니다. 지난 한 달간, 버즈빌 디자인 팀은 단 6명으로 5개의 웹 애플리케이션을 배포하고 344건의 커밋을 기록했습니다. 놀랍게도 이 과정에서 Figma는 거의 사용되지 않았습니다. 엔지니어링 스프린트 할당도, 핸드오프 티켓도, 지루한 대기 시간도 없었습니다. 제가 Figma에 쓰는 시간 자체도 이전의 10% 수준으로…
AgileDesign SystemFrontendUX/UI
NHN Toast
2026-03-16 · 4개월 전
Claude Code로 Figma 디자인 시스템을 C++ 코드로 변환하기
[](https://www.nhncloud.com/kr) 안녕하세요. 제로 트러스트 보안 모델을 기반으로 NHN Cloud 리소스에 안전하게 접속할 수 있도록 지원하는 [
Design SystemSecurity
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
ArchitectureDesign SystemFrontend
The Flip
이 글은 영문 원본을 AI로 번역한 버전입니다. 요즘 업계에 이런 기대가 퍼져 있습니다. 언젠가 AI가 디자인 시스템을 만들어 줄 거라는 거죠. 프롬프트 하나 던지면 토큰, 컴포넌트, 인터랙션 패턴이 깔끔하게 나올 거라고요. 저는 정반대의 일이 벌어지고 있다고 생각합니다. 우리는 AI 에이전트가 사용할 디자인 시스템을 만들고 있습니다. 디자이너를 위한 것도…
AI AgentAI/MLDesign SystemFrontendUX/UI
[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응
Design SystemFrontendPerformance
쏘카 디자인 시스템 2.0 개발기 2편: 기술로 굴리기(웹)
목차 개요 컴포넌트 아키텍처 설계 목적 Hook과 객체 합성 컴포넌트와 명령형 API 패키지 전략 트리쉐이킹 AI 활용 Instructions Figma MCP with LLM 후기 공식문서 1. 개요 안녕하세요 쏘카 개발자 아놀드입니다. 이 글은 쏘카 디자인 시스템 2.0 개발기 2편으로, 컴포넌트 아키텍처/패키지 전략/LLM(Large Language Model) 활용에 대해 작성하였습니다. 1편에서는 시스템 설계, 운영 프로세스, Figm
AI/MLDesign SystemFrontendLLMReact
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
목차 개요 시스템의 정의와 범위 시스템 설계 설계 목적 Figma Plugin Figma Code Connect 운영 프로세스 운영 원칙 릴리스와 피드백 루프 직군 합의와 품질 관리 후기 1. 개요 안녕하세요 쏘카 개발자 아놀드입니다. 쏘카에서 장기간의 프로젝트인 쏘카프레임 2.0 개발에 참여하며 고민하고 개발하였던 이야기를 해보려 합니다. 이 글에서 쏘카프레임은 쏘카의 사내 디자인 시스템이며 프론트엔드 관점의 시스템 설계/연동/운영에 관해 적
Design SystemFrontendTools
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
설계·연동·운영으로 만드는 디자인 시스템
Design SystemFrontendReact
디자인 시스템 다시 생각해보기
"어떻게 하면 더 많은 팀이 우리 시스템을 잘 사용하게 할 수 있을까?" TDS가 이 질문에 답하기 위해 고민했던 과정을 공유합니다.
CultureDesign SystemFrontend
디자인 시스템, 이제 감이 아니라 데이터로 말하기 (3,272시간의 가치)
Data AnalysisDesign SystemUX/UI
달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트
토스의 디자인 시스템, TDS의 컬러 시스템을 7년 만에 전면 개편하며 마주했던 문제들과, 이를 해결하기 위해 토큰 시스템을 처음부터 다시 만들어간 과정을 공유합니다.
CSSDesign SystemUX/UI
[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기
CSSDesign SystemFrontend
2026년 버즈빌 디자인 스택, AI 전환을 준비하며
2026년은 버즈빌 디자인 팀에게 전환점이 되는 해입니다. 이제 도구 선택은 단순한 운영상의 결정이 아니라, 차세대 AI 기반 제품 개발을 지원할 수 있는 '코드와 연결된 통합 디자인 시스템'을 향한 전략적 행보입니다. 지난 몇 년간 버즈빌 디자인 팀은 철저한 디지털 다이어트를 감행했습니다. 군더더기를 걷어내고, 중복을 제거하고, 가장 결정적으로 Adobe…
AI/MLDesign SystemFrontendMobileUX/UI
[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기
Design SystemFrontendUX/UI
Figma MCP로 프론트엔드 컴포넌트 자동 생성하기
작년 이맘때까지만 해도 프론트엔드 개발자가 AI를 사용하는 용도는 새로운 기술을 습득하거나 코드를 리팩터링하는 등 프롬프트를 기반으로 하는 코드 생성 작업이 대부분이었던 것 같은데요, MCP와 코딩 에이전트의 등장 후로는 훨씬 더 다양한 방식으로 AI를 활용할 수 있게 된 것 같습니다. AI의 활용 방법들 중 하나로, 이번 글에서는 Framelink…
AI/MLDesign SystemFrontendTools
SK플래닛
2025-03-07 · 1년 이상 전
Syrup 디자인시스템 개발: UX-FE로의 효과적인 핸드오프
왜 Design System이 필요한가? 개념부터 이해하기 다양한 환경에서 일관된 사용자 경험(UX)을 제공하는 것이 그 어느 때보다 중요해지고 있습니다. 하지만 디자인과 개발이 따로 움직이면, 스타일이 일치하지 않거나, UI/UX의 일관성이 부족해지고, 중복 작업이 늘어나는 등의 문제가 발생할 수 있습니다.이를 해결하는 방법이 바로 Design…
Design SystemFrontendUX/UI