AI가 읽는 디자인 시스템: 추상화를 다시 설계한 이유
AI가 디자인 시스템을 사용할 때는 규칙을 설명하는 것보다 잘못된 상태를 만들 수 없게 하는 추상화가 중요하다고 다뤘습니다. 목적별 컴포넌트 분리와 타입 계약으로 접근성과 상호작용을 시스템이 직접 소유하는 방법을 소개했습니다.
#디자인 시스템#TypeScript
8400
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
쓱닷컴이 접근성을 대하는 방식
쓱닷컴이 접근성을 대하는 방식
쓱닷컴 WEB개발팀의 웹 접근성 개선 사례를 소개했습니다. 컴포넌트, OCR, 성능 측정을 함께 다루며 실무 적용 방안을 정리했습니다.
#접근성#Chakra UI
6100
The Flip
AI 에이전트가 브랜드와 사용자 맥락에 맞춰 UI를 구성하도록 디자인 시스템을 재정의했습니다. 구조화된 문서·스킬과 NPM 패키지로 디자인 판단을 전달하는 방향을 소개합니다.
#디자인 시스템#NPM
000
달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트
토스가 7년 만에 컬러 시스템을 전면 개편한 과정과 토큰 시스템 재구축 방법을 공유했습니다. OKLCH, 시맨틱 토큰, 자동 코드 생성으로 확장성과 일관성을 높였습니다.
#디자인 시스템#토큰
17700
잃어버린 접근성을 찾아서
잃어버린 접근성을 찾아서
상품 상세 페이지의 접근성을 스크린 리더 기준으로 점검해 탐색 단위, 텍스트 발화, 버튼 역할을 개선했습니다. 구매하기까지 스와이프 횟수를 20회 미만으로 줄이고 실제 사용 경험을 크게 높였습니다.
#접근성#스크린 리더
4800
![[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기](https://miro.medium.com/v2/resize:fit:1200/1*kCf05hhyLPa7iBp2vBTJAA.png)
[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기
요기요는 디자인 시스템 아이콘을 개별 SVG 컴포넌트와 전용 라이브러리로 재구축했습니다. 자동 변환, 접근성, 토큰 연동, 변경 내역 자동화로 운영 효율을 높였습니다.
#React#SVG
13500
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
눈 대신 귀로 느낄 수 있는 챗봇 흐름 만들기 | 접근성 업무일지 #3
스크린리더 사용자도 챗봇 흐름을 자연스럽게 따라가도록 초점 이동과 안내를 개선했습니다. 부드러운 스크롤, 음성 안내, 효과음으로 접근성을 높인 사례입니다.
#접근성#스크린리더
13900
토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)
토스가 실무에서 바로 적용할 수 있는 접근성 문서 A11y Fundamentals를 소개했습니다. 스크린리더 체험 이벤트와 함께 핵심 원칙과 실수하기 쉬운 패턴도 안내했습니다.
#접근성#스크린리더
16700
시각 정보를 소리로 번역하는 법 - 시각장애인을 위한 얼굴 인증 개선기 | 접근성 업무일지 #2
시각장애인 사용자를 위한 얼굴 인증 흐름을 별도로 설계하고, 진행 상태와 오류를 소리와 안내로 전환해 개선했습니다. 카메라 권한과 인증 절차도 단계별로 나눠 혼자서 인증을 마칠 수 있게 했습니다.
#접근성#스크린리더
8000
접근성을 지원한다는 착각
접근성을 별도 비용이 드는 작업이 아니라 텍스트 기반 인터페이스 설계로 바라보는 관점을 설명했습니다. 스크린리더와 테스트코드에서 같은 구조를 활용하는 예시도 함께 제시했습니다.
#접근성#test
10500
대팝업의 시대에서 살아남는 브랜드 경험 만들기
토스 10주년 기념 공간 ‘스퀘어 오브 토스’의 기획과 연출 과정을 소개했습니다. 브랜드 메시지를 공간과 체험으로 번역해 사용자 경험으로 연결한 사례입니다.
#문화#UI/UX
8400
원칙보다 사용성에 집중할 때 | 접근성 업무일지 #1
보이스오버의 읽는 순서가 사용성에 어떤 불편을 만드는지 살펴보고 개선 방향을 고민했습니다. iOS 18.4의 컨트롤 항목 순서 설정처럼 사용자 선택권이 중요하다는 점도 확인했습니다.
#iOS#접근성
8700
AI 시대를 맞이하며, 한 창업자가 스스로에게 던진 질문
AI 시대를 모바일보다 큰 구조적 전환으로 보고, 조직과 개인의 일하는 방식을 다시 설계해야 한다고 강조했습니다. 전사적 AI 리터러시와 빠른 실험, 더 큰 목표 설정의 필요성을 제시했습니다.
#조직 구조#접근성
10300
개발 생산성 200% 높이는 커뮤니케이션 전략 \:\ 코드 밖에서도 성공하는 DevOps
개발 생산성을 높이는 핵심으로 커뮤니케이션 전략을 정리했습니다. 프론트엔드 협업 사례와 실무 적용 팁까지 함께 제시했습니다.
#UI/UX#API
8400