AI가 실행을 맡는 시대, 디자이너의 경쟁력
AI가 실행을 맡는 시대, 디자이너의 경쟁력
AI가 실행을 맡는 시대에 디자이너의 역할을 문제 발견과 판단, 시스템 설계로 재정의했습니다. Taste와 Judgement를 키우고 디자인 시스템을 AI 오케스트레이션의 기반으로 삼아야 한다고 설명했습니다.
#UI/UX#디자인 시스템
1300
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
AI가 실행을 맡는 시대, 디자이너의 경쟁력
AI가 실행을 맡는 시대에 디자이너는 문제를 발견하고 판단하는 역할로 이동했습니다. 또한 AI가 일관되게 일하도록 시스템을 설계하는 능력이 중요하다고 강조했습니다.
#디자인 시스템#ChatGPT
1500
AI 시대의 디자인 시스템: 적정 밀도는 무엇일까?
AI 시대의 디자인 시스템: 적정 밀도는 무엇일까?
디자인 시스템을 일관성과 판단 비용 관리의 문제로 다시 정리했습니다.\nAI를 활용해도 최종 기준과 예외 판단은 사람이 맡아야 한다고 설명했습니다.
#디자인 시스템#Figma
20000
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.
#React#Vue.js
8400
The Flip
AI 에이전트가 브랜드와 사용자 맥락에 맞춰 UI를 구성하도록 디자인 시스템을 재정의했습니다. 구조화된 문서·스킬과 NPM 패키지로 디자인 판단을 전달하는 방향을 소개합니다.
#디자인 시스템#NPM
000
The Flip
AI가 디자인을 대신 만들어주는 것이 아니라, AI가 쓸 디자인 시스템을 설계하는 관점입니다. 브랜드 맥락과 인터랙션 규칙을 구조화해 에이전트가 바로 조합하고 실행할 수 있게 만들었습니다.
#디자인 시스템#agent
2600
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
쏘카 디자인 시스템 2.0 개발기 2편: 기술로 굴리기(웹)
디자인 시스템 컴포넌트를 결합도에 따라 Hook 또는 객체와 Hook Adapter로 분리했습니다. Rollup 번들 전략과 LLM Instructions로 성능·재사용성·협업 일관성을 높였습니다.
#React#Next.js
100
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
쏘카프레임 2.0을 규칙·컴포넌트·Figma 연동·운영 프로세스를 아우르는 디자인 시스템으로 재정의했습니다.\n플러그인과 Code Connect, Slot 설계로 전달 흐름을 개선하고 직군 간 정책 합의와 QC를 운영했습니다.
#디자인 시스템#Figma
200
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
쏘카 디자인 시스템 2.0을 시스템 관점에서 설계하고 운영한 과정을 정리했습니다. Figma 연동과 직군 합의를 통해 디자인-개발 흐름과 품질 관리 체계를 강화했습니다.
#Figma#UI/UX
11000
FE News 26년 1월 소식을 전해드립니다!
FE News 26년 1월 소식을 전해드립니다!
React Server Components 시각화 도구와 클라이언트 사이드 AI 흐름, 디자인시스템 기반 마크업 자동화 사례를 소개했습니다. 프런트엔드 관점에서 AI와 브라우저 기술의 변화 지점을 함께 살펴볼 수 있습니다.
#React#LLM
14200
디자인 시스템 다시 생각해보기
디자인 시스템을 통제보다 제품의 관점에서 다시 바라본 글입니다. Flat과 Compound API를 함께 제공하는 하이브리드 전략으로 확장성과 사용성을 균형 있게 다루었습니다.
#디자인 시스템#API
20000
디자인 시스템, 이제 감이 아니라 데이터로 말하기 (3,272시간의 가치)
디자인 시스템, 이제 감이 아니라 데이터로 말하기 (3,272시간의 가치)
디자인 시스템 성과를 감이 아니라 설문과 인터뷰 데이터로 측정한 사례를 정리했습니다. 연간 3,272시간 절감 효과와 직군별 차이를 바탕으로 개선 과제를 도출했습니다.
#디자인 시스템#ROI
10100
디자인 컴포넌트 라이브러리를 ‘실제 사용 방식’에 맞게 다시 설계한 이야기
Kitchen의 빌드·패키지 구조를 실제 사용 방식에 맞게 다시 설계했습니다. ESM 전환과 단일 패키지화로 트리셰이킹과 DX를 개선했습니다.
#React#ESM
12800
디자인 컴포넌트 라이브러리를 ‘실제 사용 방식’에 맞게 다시 설계한 이야기
React 디자인 컴포넌트 라이브러리를 ESM과 단일 패키지 구조로 재설계했습니다. 트리셰이킹 적용으로 번들 크기와 빌드 시간을 크게 줄이고 DX를 개선했습니다.
#React#ESM
000