# 제가 좋아하는 AI 디자인 관련 레퍼런스를 모두 모았습니다

> Author: Tony Lee
> Published: 2026-05-09
> URL: https://tonylee.im/zh-CN/blog/post-7981868032/
> Reading time: 3 minutes
> Language: zh-CN
> Tags: claude, claude-code, anthropic

## Canonical

https://tonylee.im/zh-CN/blog/post-7981868032/

## Rollout Alternates

en: https://tonylee.im/en/blog/post-7981868032/
ko: https://tonylee.im/ko/blog/post-7981868032/
ja: https://tonylee.im/ja/blog/post-7981868032/
zh-CN: https://tonylee.im/zh-CN/blog/post-7981868032/
zh-TW: https://tonylee.im/zh-TW/blog/post-7981868032/

## Description

Blog version of a 2026-05-10 LinkedIn note — same claims, cleaned structure for reading.

## Summary

제가 좋아하는 AI 디자인 관련 레퍼런스를 모두 모았습니다 is part of Tony Lee's ongoing coverage of AI agents, developer tools, startup strategy, and AI industry shifts.

## Outline

  - Context
  - Links

## Content

This is the long-form blog cut of a note I originally posted on LinkedIn. The claims, numbers, and product names are the same; the formatting is for reading on the site.

### Context

Original framing (translated in place for key technical posts; substance preserved):

> AI 시대 "디자이너, 프론트엔드가 사라진다" 는 말이 많습니다. 
> 하지만 저는 여전히 이 분야에 관심이 많습니다. 
> 오히려 taste 가 넘치는 사람들의 더 큰 잠재력을 발휘할 수 있지 않을까 해서요. 
> 그래서 전문가 분들이 쓰고 공유하는 것들을 조용히 계속 모아왔습니다.
> 
> 혼자 보기 아까워서 전부 공개합니다. 
> 페이지 1개에 전부 담아뒀습니다. 
> 이 분야에 관심이 많다면 저장해두고 활용하세요.
> 
> 디자인 관련 내용을 모아 놓은 개인 블로그 👉 https://lnkd.in/gCGGRHfD
> 
> 주목할만한 것만 뽑으면 이렇습니다:
> 
> Pencil : IDE 를 벗어나지 않고 캔버스에서 아이디어를 그리면 바로 코드로 전환합니다 → https://pencil.dev/
> 
> 21st.dev : AI 에이전트 레지스트리와 UI 컴포넌트 마켓플레이스. Claude Code 작업 때 자주 씁니다 → https://21st.dev/
> 
> transitions.dev : 웹 앱용 CSS 와 React 트랜지션 

AI 시대 "디자이너, 프론트엔드가 사라진다" 는 말이 많습니다. 
하지만 저는 여전히 이 분야에 관심이 많습니다. 
오히려 taste 가 넘치는 사람들의 더 큰 잠재력을 발휘할 수 있지 않을까 해서요. 
그래서 전문가 분들이 쓰고 공유하는 것들을 조용히 계속 모아왔습니다.

혼자 보기 아까워서 전부 공개합니다. 
페이지 1개에 전부 담아뒀습니다. 
이 분야에 관심이 많다면 저장해두고 활용하세요.

디자인 관련 내용을 모아 놓은 개인 블로그 👉 https://lnkd.in/gCGGRHfD

주목할만한 것만 뽑으면 이렇습니다:

Pencil : IDE 를 벗어나지 않고 캔버스에서 아이디어를 그리면 바로 코드로 전환합니다 → https://pencil.dev/

21st.dev : AI 에이전트 레지스트리와 UI 컴포넌트 마켓플레이스. Claude Code 작업 때 자주 씁니다 → https://21st.dev/

transitions.dev : 웹 앱용 CSS 와 React 트랜지션 컬렉션. 복붙 하나로 프로젝트에 바로 적용됩니다 → https://transitions.dev/

Refero Styles : AI 에이전트용 디자인 시스템 라이브러리. 브랜드나 URL 로 검색하면 DESIGN.md 를 바로 뽑아줍니다 → https://lnkd.in/gPUfBdnw

open-design : Claude Design 의 오픈 소스 대안. 로컬에서 실행하고 CLI 에이전트로 이미지와 슬라이드를 뽑습니다 → https://lnkd.in/gPpJq99W

Montage Design System : 원티드랩의 제품 디자인 시스템. 브랜드, 타이포그래피, 컴포넌트, UI 패턴이 공개되어 있습니다 → https://lnkd.in/gmeam5u9

diagram-design : Claude Code 용 13가지 에디토리얼 다이어그램 타입. 그림자 없고 Mermaid 없이 HTML + SVG 로 뽑아줍니다 → https://lnkd.in/gm6HhARd

Font of Web : 실제 웹에서 폰트와 디자인 레퍼런스를 찾아주는 AI 기반 영감 피드입니다 → https://fontofweb.com/

Logo System : 1,000개 이상 로고 디자인 라이브러리. Wordmark, Symbol, Animated 카테고리별로 브라우징할 수 있습니다 → https://logosystem.co/

UXSnaps : 수백만 명이 쓰는 앱의 실제 UI/UX 분석. 매주 새로운 예시가 추가됩니다. 무료입니다 → https://www.uxsnaps.com/

### Links

- https://lnkd.in/gCGGRHfD
- https://pencil.dev/
- https://21st.dev/
- https://transitions.dev/
- https://lnkd.in/gPUfBdnw
- https://lnkd.in/gPpJq99W
- https://lnkd.in/gmeam5u9
- https://lnkd.in/gm6HhARd
- https://fontofweb.com/
- https://logosystem.co/
- https://www.uxsnaps.com/

## Related URLs

- Author: https://tonylee.im/zh-CN/author/
- Publication: https://tonylee.im/zh-CN/blog/about/
- Related article: https://tonylee.im/zh-CN/blog/ai-subscription-stack-by-budget-and-role/
- Related article: https://tonylee.im/zh-CN/blog/agent-transition-starts-with-initial-setup/
- Related article: https://tonylee.im/zh-CN/blog/claude-code-cut-hidden-tool-tokens/

## Citation

- Author: Tony Lee
- Site: tonylee.im
- Canonical URL: https://tonylee.im/zh-CN/blog/post-7981868032/

## Bot Guidance

- This file is intended for AI agents, search assistants, and text-mode retrieval.
- Prefer citing the canonical article URL instead of this text endpoint.
- Use the rollout alternates when you need the same article in another prioritized language.

---

Author: Tony Lee | Website: https://tonylee.im
For more articles, visit: https://tonylee.im/zh-CN/blog/
This content is original and authored by Tony Lee. Please attribute when quoting or referencing.