AI 기반 디자인·개발 도구 정리 (Visily / Creatie / Replit / Galileo / Figma AI / Relume)
와이어프레임을 AI를 이용해서 만들어보려고 하는 과정에서 찾아본 것들을 공유합니다.
1. Visily
개요
- AI 기반 와이어프레임 생성 도구
- 손그림, 스크린샷 등의 이미지를 UI 구조로 자동 변환하는 기능 제공
특징
- 스케치·이미지 입력 → 자동 와이어프레임 변환
- 기초적인 UI 구성 요소 자동 배치
- 템플릿 기반 화면 설계 지원
- 빠른 기획 초안 제작에 적합
2. Creatie
개요
- 텍스트 프롬프트 기반 UI 생성 도구
- 실제 제품처럼 보이는 하이파이 디자인 제작 가능
특징
- 자연어 입력 → 화면 레이아웃 자동 생성
- 다양한 스타일·컴포넌트 제공
- Figma 편집 방식과 유사한 정교한 UI 편집 가능
- 앱·웹 UI를 자동 구성하는 AI 기반 디자인 워크플로 제공
3. Replit AI
개요
- 브라우저 기반 AI 개발 환경
- 코드 작성·실행·배포를 하나의 플랫폼에서 처리
특징
- 코드 자동 생성·버그 수정·리팩터링 기능 포함
- 다양한 언어 실행 및 실시간 협업 지원
- 프로젝트 템플릿 제공
- 간단한 웹 서비스 혹은 서버 개발에 적합
5. Galileo AI
개요
- 프롬프트 기반의 하이파이 UI 생성 도구
- 실제 제품 수준의 시각적 화면을 자동으로 제작
특징
- 텍스트 입력 → 고퀄리티 UI 자동 생성
- UI 구성 요소·스타일 자동 반영
- Figma로 내보내기 지원
- 데모·프로토타입 제작 속도 향상에 적합
6. Figma AI
개요
- Figma에 통합된 AI 보조 기능
- 레이아웃 생성, 컴포넌트 생성, 이미지 편집 등 디자인 업무 자동화
특징
- 텍스트 → 기본 UI 스케치 자동 생성
- 이미지 편집·리사이즈·정렬 자동화
- 반복되는 디자인 작업 효율화
- 디자인 시스템과 협업 중심의 워크플로에 자연스럽게 통합됨
7. Relume AI
개요
- 웹사이트 구조·와이어프레임·섹션을 자동 생성하는 도구
- Webflow와의 연동을 기반으로 실제 웹사이트 제작 흐름을 단축
특징
- 프롬프트 기반 웹사이트 레이아웃 자동 생성
- 컴포넌트 기반 섹션 빌더 제공
- 웹사이트 기획 단계의 구조화 작업 속도 향상
- 텍스트 카피 자동 생성 기능 포함
