Overview
이미지→HTML/CSS 코드.
UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
공식 웹사이트 및 공개 정보를 바탕으로 정리했습니다. 가격·기능은 각 서비스 정책에 따라 달라질 수 있습니다.
Key Features
- UI 컴포넌트 생성
- 로고·아이콘
- 색상·타이포 추천
- 반응형 레이아웃
- 디자인 시스템
- 프로토타입
- 협업·피드백
- 에셋 내보내기
Use Cases
이럴 때 쓰면 좋아요
- [일반] 일상 질의응답
- [일반] 문서 요약
- [마케터] 광고 카피 작성
- [개발자] 코드 생성·보조
- [디자이너] 이미지·아이콘 제작
- [학생] 개념 정리
Pricing
Pros
- +무료로 시작 가능
- +사용이 쉽고 학습 곡선이 낮음
- +다양한 용도로 활용 가능
- +정기적인 업데이트와 신기능
- +무료 플랜 또는 체험 제공
- +API·연동 옵션 제공
Cons
- −유료 플랜이 비쌀 수 있음
- −고급 기능은 제한적일 수 있음
- −인터넷 연결 필요
- −특정 언어·지역 제한 가능
관련 AI 관련 글
글 전체 보기 →Fronty와(과) 함께 보면 좋은 글을 모았습니다.
- 디자이너를 위한 AI 이미지·아이콘 툴2026-02-28
- 이미지 생성 AI 프롬프트 예시 20선2026-02-16
Similar Tools
Figma AI
Figma 내 AI 디자인 보조. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
Uizard
스케치·텍스트→UI 디자인. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
Galileo AI
텍스트→UI 디자인 생성. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
Visily
와이어프레임→고충실도 UI. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
Khroma
AI 색상 팔레트 생성. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
Looka
로고·브랜드 키트 AI 생성. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
Brandmark
로고·파비콘 생성. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.
Magician
Figma 플러그인. 아이콘·텍스트. UI 목업, 로고·아이콘 초안, 색상·타이포 제안, 프로토타입 등을 빠르게 만들 때 쓰입니다. 실제 디자인 시스템과 맞추려면 출력을 한 번 다듬는 것이 좋습니다.