본문으로 건너뛰기
ToolPotion
제출 (무료)

Top 50 AI UI/UX 디자인 도구

ToolRank 랭킹 — ToolPotion 독자적 트랙션 엔진
ToolRank

ToolRank is ToolPotion’s proprietary ranking engine.

It continuously evaluates hundreds of signals across the open web — real traffic and popularity, audience and community strength, authority and longevity, adoption and engagement — processing millions of data points to place every tool where it has earned to be.

Every AI type is measured by its own tailored model: what proves traction for a SaaS app is not what proves it for an open-source framework or a creator channel. Missing a platform never counts against a tool — ToolRank judges the evidence that exists.

No paid placement. No self-reported numbers. Rankings refresh monthly as ToolRank re-measures the market.

업데이트 2026년 9월65 측정됨46.2/100 평균 신호 강도7.6M 합산 오디언스69/100 중앙값 권위 지수98% AI 어시스턴트 유입 발생

Webflow leads by letting teams design, build, and ship a site without code, while the Figma family stays the core of day-to-day UI and prototyping work. — 에디터 평가

  1. # 1Top PickFigmaAI AppFigma는 디자인, 코드 및 AI를 통합한 협업 디자인 플랫폼입니다. 팀이 개념에서 생산까지 원활하게 협력할 수 있도록 하여 제품 개발의 창의성과 효율성을 향상시킵니다.88ToolRank엘리트
  2. # 2Runner UpRecraft AIAI AppRecraft는 사진과 같은 사실적인 이미지, 벡터 그래픽, 맞춤형 스타일 및 목업을 제공하는 고급 AI 이미지 생성 및 디자인 플랫폼입니다. 디자이너, 크리에이터 및 팀을 위해 설계되었으며, 뛰어난 프롬프트 이해 능력과 내장된 미적 감각을 통해 생동감 있고 스타일리시한 AI 생성 비주얼을 제공합니다.74ToolRank강함
  3. # 3Third PlaceMicrosoft DesignerAI AppMicrosoft Designer는 사용자가 전문적인 품질의 소셜 미디어 게시물, 초대장, 디지털 엽서 및 기타 그래픽을 만들 수 있도록 지원하는 AI 기반 그래픽 디자인 애플리케이션입니다. 아이디어로 시작하면 AI가 독창적인 시각적 콘텐츠를 빠르고 효율적으로 생성하도록 도와줍니다.71ToolRank강함
  1. 4Framer: 노코드 웹사이트 빌더AI AppFramer는 디자이너가 완전한 디자인 자유도를 가지고 전문적이고 맞춤형 웹사이트를 제작할 수 있도록 지원하는 노코드 웹사이트 빌더입니다. AI 기반 사이트 생성, 반응형 디자인 도구, 내장 CMS, 실시간 협업, 고성능 사이트를 위한 통합 SEO 및 분석 기능을 제공합니다.70ToolRank강함
  2. 5Stitch - AI로 디자인하기AI AppStitch는 모바일 및 웹 애플리케이션을 위한 사용자 인터페이스를 신속하게 생성하는 AI 기반 디자인 도구입니다. 디자인 아이디어 구상 프로세스를 간소화하여 사용자가 앱 디자인을 빠르게 시각화하고 반복할 수 있도록 합니다. 이 도구는 디자이너와 개발자가 워크플로우를 가속화하고 창의적인 가능성을 탐색하는 데 이상적입니다.60ToolRank강함
  3. 6Design.comAI AppDesign.com은 사용자가 몇 초 만에 로고, 웹사이트, 명함 등을 만들 수 있는 AI 디자인 플랫폼입니다. 직관적인 도구와 사용자 정의 가능한 템플릿을 통해 기업이 독특한 디자인을 손쉽게 제작할 수 있도록 지원합니다.58ToolRank견고
  4. 7스플라인AI App스플라인은 사용자가 브라우저에서 직접 인터랙티브 웹 경험을 만들 수 있도록 실시간 협업을 지원하는 무료 3D 디자인 소프트웨어입니다. 간편한 3D 모델링, 애니메이션 및 텍스처 기능을 제공하여 개인과 팀 모두가 쉽게 접근할 수 있습니다.57ToolRank견고
  5. 8UizardAI AppUizard는 텍스트 프롬프트, 스크린샷 및 손으로 그린 스케치를 편집 가능한 목업 및 다중 화면 프로토타입으로 변환하는 AI 기반 UI/UX 디자인 도구로, 슬라이드 소프트웨어만큼 사용하기 쉽도록 설계되었습니다.55ToolRank견고
  6. 9UserTesting 인간 통찰 플랫폼AI AppUserTesting은 디지털, 제품 및 고객 경험을 향상시키기 위해 실제 인간 통찰을 수집하는 플랫폼을 제공합니다. 팀이 아이디어를 검증하고 경험을 신속하게 최적화할 수 있도록 하여 더 확신 있는 의사 결정을 이끌어냅니다.55ToolRank견고
  7. 10RelumeAI App텍스트 프롬프트에서 마케팅 웹사이트를 위한 사이트맵과 와이어프레임을 생성하는 AI 기반 웹 빌더로, Figma, Webflow 및 React를 위한 1,000개 이상의 구성 요소 디자인 시스템을 지원합니다.54ToolRank견고
  8. 11매직 패턴AI App매직 패턴은 프롬프트를 생산 준비가 된 UI로 변환하는 AI 디자인 도구입니다. 제품 팀이 프로토타입을 신속하게 생성할 수 있도록 하여 기존 디자인 시스템과의 일관성을 보장하고 협업 및 빠른 반복을 촉진합니다.54ToolRank견고
  9. 12AnimaAI AppFigma 파일, URL, 스크린샷 및 프롬프트를 프로덕션 준비 완료 앱으로 변환하는 디자인 인식 AI 에이전트로, 제품 팀을 위해 직접 제공되며 코딩 에이전트를 위한 API로도 사용 가능합니다.53ToolRank견고
  10. 13WhimsicalAI AppWhimsical은 기술 팀 및 에이전트를 위해 설계된 협업 화이트보드 앱입니다. 생각의 속도로 아이디어를 캡처하고 공유할 수 있도록 하여 다이어그램, 마인드맵 및 와이어프레임을 만들 수 있습니다. 이 플랫폼은 실시간 멀티플레이어 편집 및 전문가 템플릿을 제공하여 팀 생산성과 아이디어 시각화를 향상시킵니다.53ToolRank견고
  11. 14Maze | 사용자 연구 및 테스트 플랫폼AI AppMaze는 팀이 효율적으로 연구를 수행할 수 있도록 지원하는 사용자 연구 및 테스트 플랫폼입니다. 다양한 연구 방법과 참가자를 연결하여 조직이 정보에 기반한 결정을 내리고 효과적으로 변화를 이끌어낼 수 있도록 합니다.52ToolRank견고
  12. 15UXPin | UX/UI 및 프로토타이핑 도구AI AppUXPin은 실제 코드 구성 요소, 논리 및 상태를 사용하여 인터랙티브 프로토타입을 생성할 수 있는 디자인 도구입니다. 고충실도 제품 디자인을 지원하며 디자인과 개발 간의 간극을 메우는 데 도움을 주어 전문 제품 팀에 적합합니다.52ToolRank견고
  13. 16Builder.ioAI AppBuilder.io는 팀이 AI 에이전트를 사용하여 소프트웨어를 구축할 수 있도록 지원하는 협업 플랫폼으로, 개발 프로세스를 간소화합니다. 엔지니어, 디자이너, PM, 마케터가 단일 진실의 출처에서 작업할 수 있도록 하여 브랜드 일관성과 효율적인 워크플로를 보장합니다.52ToolRank견고
  14. 17DesignsAIAI AppDesignsAI는 커뮤니케이션 자산을 더 빠르게 생성할 수 있는 AI 기반 플랫폼입니다. 고급 AI 모델을 사용하여 이미지, 비디오, 카피, 오디오 및 슬라이드를 생성합니다. 이 플랫폼은 브랜드 일관성을 보장하고 최신 기능을 위한 다중 LLM 액세스를 제공하여 비즈니스 콘텐츠 제작을 효율적으로 확장하는 데 이상적입니다.52ToolRank견고
  15. 18UX PilotAI AppUX Pilot은 아이디어, 스케치 또는 PRD를 와이어프레임, 고해상도 화면, 완전한 사용자 흐름 및 생산 준비가 완료된 코드로 변환하는 AI 기반 UX/UI 디자인 플랫폼입니다. Figma 및 GitHub 통합 기능을 제공합니다.52ToolRank견고
  16. 19VisilyAI AppVisily는 비디자이너가 빠르고 쉽게 고충실도 와이어프레임과 프로토타입을 만들 수 있도록 해주는 AI 기반 UI 디자인 소프트웨어입니다. 제품 아이디어를 효과적으로 전달하는 데 이상적입니다.52ToolRank견고
  17. 20발사믹 와이어프레임 도구AI App발사믹은 제품, 기술 및 비즈니스 팀을 위해 설계된 빠르고 AI 기반의 와이어프레임 및 프로토타이핑 도구입니다. 사용자가 UI 아이디어를 신속하게 스케치, 테스트 및 다듬을 수 있도록 도와주며, 개발이 시작되기 전에 효율적인 협업과 의사 결정을 가능하게 합니다.51ToolRank견고
  18. 21BananiAI AppBanani는 텍스트 프롬프트, 이미지 또는 Figma 링크에서 편집 가능한 다중 화면 UI 프로토타입을 생성하고, 디자인을 Figma, HTML/CSS 또는 이미지로 내보내는 AI UI 디자인 도구입니다.51ToolRank견고
  19. 22ProtoPie: AI 기반 프로토타이핑 플랫폼AI AppProtoPie는 디자이너가 동적 상호작용과 고충실도 프로토타입을 생성할 수 있도록 하는 AI 기반 프로토타이핑 플랫폼입니다. 여러 장치와 플랫폼을 지원하여 원활한 협업과 효율적인 디자인 인수인계를 가능하게 합니다.50ToolRank견고
  20. 23Locofy.ai - 디자인에서 코드로AI AppLocofy.ai는 Figma 및 Penpot 디자인을 프로덕션 준비가 된 프론트엔드 코드로 변환합니다. React, React Native, Flutter와 같은 인기 프레임워크를 지원하며 디자인-코드 프로세스를 간소화합니다. 이 AI 기반 도구는 기존 워크플로우와 통합되어 보안 및 코드 품질을 향상시켜 개발 주기를 단축합니다.50ToolRank견고
  21. 24PersadoAI AppPersado는 규제된 브랜드를 위해 설계된 AI 기반의 창의적 에이전시로, 마케팅 캠페인을 규정 준수 및 성과 통찰력으로 향상시킵니다. 전문화된 AI를 활용하여 콘텐츠 생성을 최적화하고, 다양한 채널에서 규제 준수 및 브랜드 일관성을 보장합니다.49ToolRank견고
  22. 25FlowstepAI AppFlowstep은 텍스트 프롬프트를 기반으로 무한 캔버스에서 생산 준비가 완료된 UI를 생성하는 AI 디자인 도구입니다. 채팅을 통해 반복하고, Figma로 복사하고, React 코드를 내보내거나 MCP를 통해 IDE에 연결할 수 있습니다. 디자이너와 제품 팀을 위해 설계되었습니다.49ToolRank견고
  23. 26Codia - AI 디자인 및 개발AI AppCodia는 아이디어, 스크린샷, 파일을 편집 가능한 디자인으로 변환하는 AI 기반 플랫폼입니다. 시각적 콘텐츠를 Figma, PowerPoint, Canva, Studio용 재사용 가능한 애셋으로 재구성하여 크리에이티브 워크플로우를 간소화하고 효율적인 디자인 반복 및 코드 생성을 가능하게 합니다.48ToolRank견고
  24. 27펜슬 - 캔버스에서 디자인하고 코드에 담다AI App펜슬은 디자인을 IDE에 직접 통합하여 핸드오프를 없애고 엔지니어링 속도를 높입니다. 무한한 디자인 캔버스, 픽셀 완벽한 정밀도, 원활한 코드 통합을 코드베이스 내에서 제공합니다.48ToolRank견고
  25. 28Supernova.ioAI App토큰, 구성 요소, 문서 및 코드 패턴을 AI 코딩 및 디자인 에이전트를 위한 구조화된 컨텍스트로 변환하는 에이전틱 디자인 시스템 플랫폼. 단일 진실의 출처를 확장하는 제품 팀을 위해 구축되었습니다.46ToolRank견고
  26. 29서브프레임AI App서브프레임은 디자인과 코드를 원활하게 통합하는 AI 네이티브 디자인 도구입니다. 사용자가 실제 구성 요소를 만들고, 디자인 시스템을 AI 에이전트에 연결하며, 생산 준비가 완료된 React 및 Tailwind CSS 코드를 내보낼 수 있도록 하여 협업과 효율성을 향상시킵니다.46ToolRank견고
  27. 30Polymet - AI Product DesignerAI AppPolymet은 제품 팀이 프로덕션 준비가 된 디자인과 프론트엔드 코드를 생성하도록 돕는 AI 제품 디자이너입니다. 사용자는 원하는 인터페이스를 설명하거나 이미지를 제공할 수 있으며, Polymet은 이를 디자인하고 구현하여 아이디어부터 출시 제품까지 개발 워크플로우를 간소화합니다.43ToolRank견고
  28. 31Evolv AIAI AppEvolv AI는 실시간 테스트 및 개인화를 위한 AI 기반 UX 최적화 도구를 제공합니다. 전환 차단 요소를 식별하고 AI 생성 UX 개선을 제공하여 효율적으로 수익을 증대시킵니다. 자체 최적화 엔진으로 디지털 경험을 향상시키고 지속적인 성장을 달성하십시오.42ToolRank견고
  29. 32make real • tldrawAI Apptldraw의 make real로 UI 디자인을 기능적인 코드로 변환하세요. 도형을 그리고 선택하면 AI가 OpenAI, Anthropic, Google API 키를 기반으로 코드를 생성합니다. 시각적 개념과 구현 간의 격차를 해소하는 디자이너와 개발자를 위한 강력한 도구입니다.38ToolRank성장
  30. 33KhromaAI AppKhroma는 디자이너가 색상 팔레트를 발견하고, 검색하고, 저장할 수 있도록 설계된 AI 기반 색상 도구입니다. 사용자의 선호도를 학습하여 개인화된 색상 조합을 생성하여 프로젝트에 적합한 색상 조합을 쉽게 찾을 수 있도록 합니다.37ToolRank성장
  31. 34SleekAI AppSleek는 아이디어나 참조 이미지를 완전한 iOS 및 Android 앱 화면으로 변환하는 AI 모바일 앱 디자이너로, 시각적으로 편집하고 Figma 또는 React/HTML 코드로 내보낼 수 있습니다.36ToolRank성장
  32. 35Plerdy 전환율 최적화AI AppPlerdy는 방문자가 웹사이트를 떠나는 이유를 이해하는 데 도움을 주는 전환율 최적화 도구입니다. 트래픽 및 UX 분석을 제공하며, 레이지 클릭 감지 및 세션 리플레이를 통해 문제를 식별하고, 깨진 요소를 수정하며, 광고 지출 및 사용자 경험을 최적화하여 ROI를 개선합니다.36ToolRank성장
  33. 36Paper – 디자인 도구AI AppPaper는 팀, 코드 및 데이터를 하나의 캔버스에서 연결하는 현대적인 디자인 도구입니다. 이는 디자인에서 코드로의 원활한 워크플로를 가능하게 하여 번역 과정에서 손실되는 것이 없도록 합니다.36ToolRank성장
  34. 37온룩 — 디자이너를 위한 커서AI App온룩은 디자이너와 제품 관리자가 AI를 사용하여 웹 경험을 제작, 편집 및 배포할 수 있도록 설계된 시각적 코드 편집기입니다. 팀이 실제 코드베이스에서 직접 작업할 수 있도록 하여 협업과 효율성을 향상시킵니다.36ToolRank성장
  35. 38Userlytics 플랫폼AI AppUserlytics는 종합적인 원격 사용자 테스트 및 UX 연구 플랫폼입니다. 이 플랫폼은 조정된 테스트와 비조정된 테스트, 프로토타입 테스트, 그리고 웹사이트, 앱 및 디지털 경험의 UX와 사용성을 개선하기 위한 글로벌 참가자 모집을 제공합니다.36ToolRank성장
  36. 39AI 주의 분석 및 히트맵AI AppAttention Insight는 디자인 및 마케팅 팀이 시각 자료를 출시하기 전에 사용자 집중도를 이해하는 데 도움을 주는 AI 기반의 주의 히트맵을 제공합니다. 눈 추적 실험실이 필요 없으며, 디자인을 효과적으로 최적화하기 위한 즉각적인 지표와 통찰력을 제공합니다.35ToolRank성장
  37. 40MockFlowAI AppMockFlow는 팀이 아이디어를 브레인스토밍하고, UI를 와이어프레임화하며, 다이어그램을 그리고, 코드를 생성할 수 있는 간편한 와이어프레임 도구이자 AI 온라인 화이트보드로, 텍스트나 스크린샷을 편집 가능한 디자인으로 변환하는 AI 기능을 제공합니다.34ToolRank성장
  38. 41UXMagicAI AppUXMagic는 텍스트, 스케치, 스크린샷 또는 URL을 Figma 준비가 완료된 UI 디자인과 내보낼 수 있는 HTML/React 코드로 변환하는 AI UI 생성기입니다. 디자이너, 제품 관리자 및 스타트업 팀이 더 빠르게 작업할 수 있도록 설계되었습니다.33ToolRank성장
  39. 42QoQo.aiAI AppQoQo.ai는 디자이너의 사용자 경험을 향상시키기 위해 설계된 AI 도구입니다. 이 도구는 디자인 에이전시, 내부 팀 및 프리랜서가 UX 작성을 신속하게 생성하고 비용을 절감하며 사용자 연구 및 발견의 효율성을 개선하는 데 도움을 줍니다.32ToolRank성장
  40. 43AIDesignerAI AppAIDesigner는 간단한 프롬프트를 고품질 웹사이트 UI, 모바일 앱 화면, 로고, 브랜드 키트, 이미지 및 마케팅 그래픽으로 변환하는 AI 기반 디자인 플랫폼입니다. 디자인 경험이 없는 사용자를 위해 설계되었으며, 프리미엄 기능이 포함된 무료 체험을 제공합니다.31ToolRank성장
  41. 44VariantAI App앱 및 웹사이트 아이디어를 위한 디자인 도구로, 스크롤할 때 끝없는 디자인 옵션을 보여주며, 결코 옵션이 고갈되지 않는 크리에이티브 디렉터처럼 작동합니다.30ToolRank성장
  42. 45원더스 디자인 도구AI App원더스는 AI를 통합하여 디자인을 생성하고, 정밀한 수정을 하며, 동일한 캔버스에서 코드 컨텍스트와 작업할 수 있는 디자인 도구로, 더 빠른 생산과 원활한 디자인-코드 워크플로우를 가능하게 합니다.30ToolRank성장
  43. 46Frame0AI AppFrame0는 손으로 그린 스타일의 와이어프레임과 프로토타입을 생성하는 크로스 플랫폼 오프라인 우선 와이어프레임 도구로, 풍부한 구성 요소 라이브러리, AI 에이전트 및 MCP 지원을 제공합니다. 세련된 Balsamiq 대안입니다.29ToolRank성장
  44. 47문차일드 AI — 제품 디자인을 위한 채팅AI App문차일드 AI는 디자인 시스템 구성 요소를 조합하여 생산 준비가 완료된 화면으로 제품 디자인을 간소화합니다. 제품 관리자, 디자이너 및 개발자를 위해 빠른 UI 생성과 Figma 및 Claude Code와 같은 도구와의 원활한 통합을 제공합니다.29ToolRank성장
  45. 48FlotoAI AppFloto는 Figma와 브라우저에서 사용 가능한 AI 디자인 피드백 도구로, 사용성, 카피 및 접근성 감사, 합성 페르소나를 통한 테스트, 흐름 검증을 수행합니다. 제품 디자이너, UX 팀 및 창립자를 위해 제작되었습니다.29ToolRank성장
  46. 49UxiaAI AppUxia는 모집된 참가자 대신 합성 AI 테스터를 사용하여 UX/UI를 검증하는 AI 기반 사용자 테스트 플랫폼입니다. 실행 가능한 사용성 통찰력을 몇 분 안에 얻고자 하는 제품 디자이너와 UX 연구자를 위해 설계되었습니다.29ToolRank성장
  47. 50UXsniff AI UX 변경 사항AI AppUXsniff는 웹사이트의 사용자 경험 변경 사항을 자동으로 감지하는 AI 도구입니다. 이러한 변경 사항이 사용자 행동에 미치는 영향을 설명하여 팀이 업데이트 배포 후 실제로 중요했던 사항을 신속하게 이해하고 추측을 줄이며 의사 결정을 개선하도록 돕습니다.28ToolRank성장

에디터 총평

Webflow tops the board as an agentic web platform for designing, building, and optimizing sites without writing code, which covers design and delivery in one place. Figma Draw follows for creating layouts, graphics, and interactive prototypes, tied into Figma Make.

The Figma tools spread across needs here. Figma Make turns ideas into working builds with AI, Figma Buzz streamlines collaborative design, and Figma itself unifies design, code, and AI for teams. For diagramming and flows, Lucidchart uses AI and automation to build clear diagrams. UserTesting is the research pick, gathering real human insight to validate designs before you commit. Framer is a no-code website builder with AI site generation for designers who want full visual control.

Use Webflow or Framer to design and ship a site, the Figma tools for UI and prototyping, and UserTesting when you need to check ideas with real people.

자주 묻는 질문

다른 랭킹 보기

Top 250 AI 이미지 생성기Top 250 AI 에이전트 빌더Top 250 AI 동영상 생성기Top 250 AI SEO 도구Top 250 AI 글쓰기 도우미Top 250 AI 사진 편집기모든 랭킹