UI / UX 디자인 AI 사이트 순위 · 추천 목록

웹 및 앱 인터페이스 프로토타이핑과 사용자 경험 설계 과정을 혁신하는 도구 매일 업데이트되는 UI / UX 디자인 AI 사이트 목록과 인기 순위를 FrontPageAI에서 확인하세요.

UI / UX 디자인 AI 사이트 인기 순위

2026. 10. 27. 기준

  1. getdesign.md (부분유료화)

    AI 코딩 에이전트를 위한 독립적인 디자인 시스템 분석 라이브러리입니다. 유명 웹사이트들의 디자인 요소를 AI가 이해할 수 있는 형식으로 제공하여 코딩 에이전트가 일관된 시각적 언어를 유지하도록 돕습니다.

  2. Refero Styles (무료)

    Cursor, Claude Code, v0 등의 AI 에이전트가 완벽한 디자인 코드를 작성할 수 있도록 돕는 2,000개 이상의 AI 리더블 디자인 시스템 및 DESIGN.md 라이브러리입니다.

  3. ko/design.md (오픈소스)

    토스, 배민, 당근 등 한국 대표 서비스의 색상, 타이포그래피, 컴포넌트를 한 장의 Markdown 파일로 제공하여 AI가 해당 브랜드 톤으로 화면을 생성할 수 있도록 돕는 디자인 시스템 카탈로그입니다.

  4. 원툴 (OneTool) (무료)

    로그인 없이 브라우저에서 즉시 활용 가능한 80개 이상의 업무 생산성 도구 및 유틸리티 모음 서비스입니다.

  5. Skate (무료)

    Skate를 렌더링하는 웹 프로젝트

  6. My Oshi Canvas (무료)

    프롬프트 입력 없이 간편한 선택만으로 자신만의 캐릭터를 디자인할 수 있는 AI 기반 캐릭터 생성 도구입니다.

  7. 21st (부분유료화)

    실제 디자인 엔지니어들이 제작한 12,000개 이상의 React 및 Tailwind CSS 컴포넌트, 템플릿, shadcn 테마를 제공하는 라이브러리 및 AI 에이전트 연동 레지스트리입니다.

  8. Design Slop Cop (오픈소스)

    웹사이트 URL을 입력하면 AI가 생성한 것으로 의심되는 흔한 디자인 패턴을 분석하고 점수를 매겨주는 도구입니다.

  9. Readdy (부분유료화)

    Readdy는 자연어 프롬프트, 템플릿, 이미지 또는 기존 웹사이트 URL을 사용하여 코딩 없이 전문적인 웹사이트를 즉시 생성하고 편집할 수 있는 AI 웹사이트 빌더입니다.

  10. Webflow (부분유료화)

    코드 작성 없이 디자인부터 개발, 퍼블리싱까지 가능한 AI 네이티브 웹 빌더이자 엔터프라이즈급 웹 플랫폼입니다.

  11. Design System Extractor (부분유료화)

    웹사이트 URL을 입력하여 디자인 시스템을 자동으로 추출하고, AI 코딩 에이전트가 참조할 수 있는 DESIGN.md 문서 및 디자인 토큰을 생성해주는 도구입니다.

  12. Refero (부분유료화)

    웹 및 iOS 애플리케이션을 위한 수만 개의 실무 UI/UX 스크린샷과 디자인 패턴을 제공하는 디자인 리서치 라이브러리입니다.

  13. Clipart.Free (무료)

    상업적 이용이 가능한 9만 개 이상의 퍼블릭 도메인(CC0) 클립아트 벡터 및 PNG 이미지를 완전 무료로 다운로드할 수 있는 플랫폼입니다.

  14. VAJBA (무료)

    PDF 변환, 이미지 편집, 개발 도구 등 130개 이상의 유틸리티를 웹 브라우저에서 100% 클라이언트 사이드로 실행하여 제공하는 개인정보 보호 우선 도구 모음입니다.

  15. Figma (부분유료화)

    Figma는 디자인, 코드, AI를 하나로 결합한 클라우드 기반의 협업 디자인 및 프로토타이핑 플랫폼입니다.

  16. a1bbs (부분유료화)

    한글, 영어, 숫자 및 기호를 직접 작성하여 나만의 맞춤형 폰트를 제작할 수 있는 온라인 폰트 제작 서비스입니다.

  17. Genspark (부분유료화)

    업무 생산성을 극대화하는 올인원 AI 워크스페이스로 문서, 슬라이드, 이미지, 코딩 등 다양한 작업을 단일 플랫폼에서 처리할 수 있습니다.

  18. 롬롬 (romrom) (무료)

    물건, 재능, 현금을 자유롭게 조합하여 교환할 수 있는 하이브리드 물물교환 플랫폼입니다.

  19. Framer (부분유료화)

    Framer는 전문적인 웹사이트를 디자인하고 구축할 수 있는 노코드 AI 웹사이트 빌더로, 직관적인 캔버스에서 실시간으로 AI와 협업하여 반응형 사이트를 빠르게 제작할 수 있습니다.

  20. Diffui (부분유료화)

    Diffui는 사용자의 프롬프트를 바탕으로 빠르고 브랜드에 최적화된 UI/UX 디자인을 생성하고, 이를 반응형 프로덕션 코드로 자동 변환해주는 AI 디자인 도구입니다.

  21. Inertia (무료)

    실제 앱에서 실행되는 컴포넌트를 직접 드래그하여 키프레임 애니메이션을 제작할 수 있는 UI 애니메이션 에디터입니다.

  22. Relume (부분유료화)

    Relume는 AI를 활용하여 웹사이트의 정보 구조(Sitemap)와 와이어프레임을 몇 분 만에 설계하고 생성할 수 있도록 돕는 웹 디자인 생산성 도구입니다.

  23. Kittl (부분유료화)

    Kittl은 AI 기반의 디자인 플랫폼으로, 전문가 수준의 그래픽 디자인을 누구나 쉽고 빠르게 제작할 수 있도록 지원하는 올인원 디자인 도구입니다.

  24. GPT Image 2 (부분유료화)

    ChatGPT Image 모델을 활용한 AI 이미지 생성기로 실사풍 이미지, UI 시안, 제품 목업 등을 빠르게 제작할 수 있는 서비스입니다.

  25. Mojave Paint (부분유료화)

    Apple Silicon Mac 전용으로 설계된 고성능 레이어 기반 이미지 편집기로, 90년대 향수를 불러일으키는 레트로한 미학과 현대적인 사용자 경험을 결합했습니다.

  26. Magic Patterns (부분유료화)

    프롬프트를 프로덕션 수준의 UI로 변환하고, 기존 디자인 시스템을 활용해 빠르게 프로토타입을 제작할 수 있는 AI 디자인 도구입니다.

  27. Toolcraft (오픈소스)

    Toolcraft는 AI 기반의 맞춤형 디자인 앱 제작을 위한 오픈소스 스타터 킷 및 UI 라이브러리입니다.

  28. Lovable (부분유료화)

    복잡한 코딩 기술 없이도 AI와 대화하며 웹사이트와 앱을 빠르게 구축할 수 있는 AI 기반 앱 빌더 플랫폼입니다.

  29. 플라멜 (Flamel) (부분유료화)

    다양한 AI 이미지 모델을 활용하여 트렌디한 디자인 에셋을 손쉽게 생성하고 편집할 수 있는 올인원 AI 디자인 어시스턴트입니다.

  30. Transitions.dev (부분유료화)

    웹 애플리케이션 및 AI 에이전트를 위한 프로덕션 준비 완료된 필수 UI 전환 효과 및 컴포넌트 라이브러리입니다. 코드를 복사하거나 코딩 에이전트 스킬을 통해 간편하게 적용할 수 있습니다.

  31. Icon Wiki (무료)

    다양한 오픈소스 라이브러리의 10만 개 이상의 무료 아이콘과 이모지를 검색하고 비교할 수 있는 플랫폼입니다.

주제별 AI 사이트 목록