09.22.2026 / --:-- KST[아카이브 · 2026-08-07]
[UX]

UX 컨텍스트 디자인: AI가 만드는 화면을 UX 지식으로 조종하기

인터페이스 구현이 AI로 넘어가면서, 리서치·디자인의 산출물도 사람이 읽는 보고서에서 AI가 읽는 컨텍스트로 이동한다는 NN/g의 제안이다. 페르소나·저니맵 대신 리서치 결론을 제약조건으로 명문화한 UX.md(리서치 종합, 인터랙션 표준, 용어집, 사용자 모델, 상황 모델)를 만들고, 디자인 시스템도 기계가 읽을 수 있는 형태로 바꾸라고 말한다. 성공 지표를 '사람을 설득했는가'에서 'AI 산출물이 실제로 좋아졌는가'로 옮기라는 것이 핵심 전환점이다.

1인 디자이너-개발자에게는 사실상 CLAUDE.md의 UX 버전 — 리서치 결론과 인터랙션 규칙을 마크다운 한 장으로 정리해두면, 매번 프롬프트로 설명하던 취향과 도메인 지식이 재사용 가능한 자산이 된다. 디자인 산출물의 1차 독자가 사람에서 모델로 바뀐다는 관점 전환이 앞으로 몇 년의 작업 방식을 규정한다.

UX 컨텍스트컨텍스트 엔지니어링AI 디자인UX.md디자인 시스템
Nielsen Norman Group59d ago
[UX]

슬픈 회색 아이콘의 정체기

빈약한 디자인 시스템 위에서 Claude Code로 급여 관리 프로덕트를 프로토타이핑하자, 에이전트는 빈틈을 자기 나름의 패턴으로 메우기 시작했다. 그 결과물은 매번 똑같았다 — 회색 컨테이너에 담긴 커다란 Lucide 아이콘 옆에 제목과 부제목. 긴급 작업 카드든 액션 메뉴든 급여 명세 분해든 가리지 않았다. AI에게 '좋은 취향'을 가르치려는 논의가 한창이지만, 진짜 문제는 명시적이고 구체적인 UX 패턴이 없으면 에이전트가 평균값으로 수렴한다는 점이다.

에이전트는 취향이 없어서가 아니라 참조할 구체적 패턴이 없어서 회색 박스로 도망친다 — 디자인 시스템의 가치가 '일관성 관리'에서 '에이전트가 밟고 설 발판'으로 이동하고 있다는 신호다. 토큰과 컴포넌트만 던져주지 말고, 어떤 상황에 어떤 패턴을 쓰는지를 문서로 명시해두는 쪽이 AI 협업 품질을 실제로 좌우한다.

디자인 시스템AI 에이전트UX 패턴Claude Code바이브 코딩
Sidebar.io48d ago
[UX]

아니, 사람들은 삶에 AI가 더 늘어나길 원하지 않는다

많은 기업이 "모두가 새로운 AI 기능을 원한다"고 전제하지만, 실제 사용자 대다수는 AI 리더들이 그리는 방식의 AI를 더 원하지 않는다. Vitaly Friedman은 사용자 리서치와 현장 관찰을 근거로, AI 기능이 제품에 밀어넣기(push)되는 순간 신뢰·통제감·투명성이 무너진다고 지적한다. 문제는 AI 자체가 아니라 '동의 없이 끼어드는' 도입 방식이라는 것이 핵심 논지다.

Smashing Magazine69d ago
[TECH]

vLLM 내부 해부: 고처리량 LLM 추론 시스템의 구조

vLLM의 핵심 구성요소를 역피라미드식으로 파헤치는 시리즈 1편이다. paged attention, continuous batching, prefix caching, speculative decoding 같은 개별 기법이 엔진 코어 안에서 어떻게 맞물리는지 설명하고, 이어서 멀티 GPU·멀티 노드 분산 서빙까지 확장한다. 개념 나열이 아니라 '전체 시스템의 정확한 멘탈 모델'을 만드는 데 초점을 둔 구조라 세부에 매몰되지 않는다.

Hacker News46d ago
[UX]

마지막 프로덕트 디자인 툴

코드로 구현된 디자인 시스템이 이미 자리잡고 있다면, 인터페이스는 시각 규칙을 자동으로 물려받는다. 그래서 AI 코딩 툴이 거친 스케치 한 장만 읽고도 그럴듯한 화면을 만들어낸다. 필자는 "와이어프레임 왜 그려?"에서 tldraw를 Figma보다 자주 쓰는 상태로 넘어갔다고 말한다.

Sidebar.io47d ago
▶
[VISUAL]

GSAP으로 만드는 무한 스크롤 갤러리: 패럴랙스와 Flip 트랜지션

Codrops53d ago
▶
[VISUAL]

Cerebrium 제작기 — 서버리스 인프라를 만질 수 있게 만들기

Codrops60d ago
▶
[VISUAL]

Ridgeline 제작기: Webflow 위에서 실시간 3D 경험 만들기

Codrops61d ago
[UX]

React Flight 프로토콜 공격과 방어: RSC의 역직렬화 싱크

React Server Components가 UI를 스트리밍하는 데 쓰는 자체 Flight 프로토콜은 데이터가 아니라 '실행 가능한 동작'을 복원하기 때문에 역직렬화 공격면이 생긴다. 저자는 CVSS 10.0 'React2Shell'(CVE-2025-55182)이 `$1:__proto__:constructor:constructor` 프로토타입 체인 순회와 Thenable 하이재킹으로 인증 없는 단일 HTTP 요청만에 RCE에 도달한 과정을 분해한다. 그리고 Zod 스키마 검증 → server-only → CSRF 강화 → 패치 버전 → Taint API → WAF 순으로 우선순위를 매긴 방어 체크리스트를 제시한다.

Smashing Magazine63d ago
▶
[VISUAL]

Garden Anomaly: WebGPU와 TSL로 만든 작은 실험

Codrops46d ago
▶
[VISUAL]

Three.js로 만드는 끝없는 인터랙티브 글래스 실로폰

Codrops49d ago
[UX]

AI 시대 디지털 디자인의 낙관론과 비관론

Andy Budd는 AI가 디자이너에게서 '허락을 구하는 과정'을 걷어낸 뒤 벌어질 두 갈래 미래를 짚는다. 낙관론은 디자이너가 대안 온보딩 플로우를 직접 프로토타이핑하고 카피를 테스트하며 하루 만에 실물을 내놓는 하이브리드 프로덕트 리더가 되는 시나리오, 비관론은 제약이라는 방패가 사라지면서 '무엇이 잘못됐는지는 알지만 무엇을 해야 할지는 모르는' 약점이 드러나고 프로덕트·엔지니어링이 AI로 디자인을 우회하는 시나리오다. 결론은 둘 다 조직마다 동시에 일어나며, 갈림길은 옵션 생산량이 아니라 판단력이라는 것.

Smashing Magazine54d ago
[UX]코드, 크래프트, 그리고 중첩 폴더를 만들기까지Sidebar.io · 47d ago
[UX]개발자가 도구에 집착하는 이유 — 도구는 신뢰를 인코딩한다Sidebar.io · 48d ago
[TECH]AI 에이전트에 더 많은 도구를 쥐여주고 있다 — 경계가 무너지면 무슨 일이 벌어질까Dev.to · 49d ago
[VISUAL]사물이라기보다 하나의 장소: Mattering과 Oio의 'Mur Mur', 생태계를 품은 포터블 스피커It's Nice That · 50d ago
[VISUAL]구글 '더 픽셀 익시비션' — 라익스뮤지엄을 살아있는 AI 갤러리로The FWA · 55d ago
[UX]메인 스레드를 "블로킹"하는 게 오히려 맞을 때Smashing Magazine · 67d ago
[UX]고통받는 사용자를 위한 디자인: 정신건강 앱이 모든 UI 유행을 따르면 안 되는 이유Smashing Magazine · 74d ago
[TECH]남은 건 취향뿐Hacker News · 46d ago
[UX]AI 코디자이너가 당신의 hex 값에서 읽어낼 수 없는 것UX Collective · 48d ago
[UX]접근성에서 AI가 만들 수 있는 기회A List Apart · 46d ago
[UX]디자인 방언: 규칙을 깨되 시스템은 지킨다A List Apart · 46d ago
[TECH]AMD, 모델을 실리콘에 새기는 Taalas 인수Hacker News · 46d ago
01
[VISUAL]폴라로이드 크리에이티브 디렉터가 말하는 롱게임 전략, 불완전함, 그리고 그 반(反)AI 바이럴 캠페인
브랜드 전략안티 AI아날로그크리에이티브 디렉션캠페인
It's Nice That · 48d ago
02
[VISUAL]이야기는 인터랙션 안에 있다: 럭셔리 브랜드를 위한 Bonhomme의 디지털 경험
스튜디오 스포트라이트럭셔리 브랜딩인터랙션 디자인디지털 내러티브
Codrops · 50d ago
03
[VISUAL]Obys® Experiment Space — 세상에 안 나온 시안들의 아카이브
포트폴리오아카이브 사이트인터랙션 디자인스튜디오 브랜딩프로세스 공개
Awwwards · 56d ago
04
[UX]학습을 외주 주지 마라: AI 시대에도 사람이 하는 리서치가 중요한 이유
UX 리서치AI 자동화사용자 관찰조직 학습합성 사용자
Nielsen Norman Group · 66d ago
05
[UX]텍스트 박스 밖에서 생각하기: AI 시대의 디지털 디자인
AI 인터페이스캐릭터 디자인채팅 UI 탈피브랜드 퍼스낼리티디자인 취향
Smashing Magazine · 56d ago
06
[MOTION]Collective #875 — GSAP의 Webflow 합류, 품질에 관한 대화, Shadercraft
GSAPWebflow셰이더
Codrops Collective · 697d ago