디자인
디자인 워크플로우 — TDS·Open Design·MCP 스택
왜 중요한가
AI slop을 줄이는 디자인 수단으로 토스디자인시스템(TDS)과 Open Design이 추천되고, Figma·shadcn·Storybook·Playwright·Chrome DevTools MCP로 이어지는 스택이 정리됐다.
깊이 보기
디자인 결과물의 품질을 높이는 방법으로 안나타르 님은 중국팀 nexu의 Open Design을, 쉬는척하는청년 님은 토스디자인시스템(TDS)을 추천하며 'AI slop 느낌이 가장 적었다'고 했다.
- 움찔 님은 와이어프레임은 Figma MCP+공식 스킬, 웹 UI는 shadcn/ui MCP, 접근성·React 품질은 Vercel 가이드라인, 컴포넌트 문서화는 Storybook MCP, 브라우저 디버깅은 Chrome DevTools MCP, 플로우 테스트는 Playwright MCP, 최신 문서 주입은 Context7로 이어지는 스택을 정리해 공유했다.
- 'AI가 코드를 잘 써줄수록 디자이너가 바이브코딩까지 하면 앱 시장을 디자이너가 먹을 수 있다'는 전망과 함께, 중단된 투두 앱 to-dose, 디자인 회사 vizcom 클론 시도가 사례로 거론됐다.