제가 좋아하는 AI 디자인 관련 레퍼런스를 모두 모았습니다
Blog version of a 2026-05-10 LinkedIn note — same claims, cleaned structure for reading.
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
انضم إلى النشرة الإخبارية
احصل على رؤى حول أحدث تطورات الذكاء الاصطناعي.