몇 분 만에 UI 기능 쉽게 제작하는 AI 기반 무료 UI 디자인 툴 Uizard

복잡한 UI기능 때문에 사용하기 망설이고 있다면, 좀 더 쉽고 다양한 웹 UI  템플릿으로 시간 절약해 주는  AI 기술을 적용한 무료 UI디자인 툴 사이트 있어 소개 및 사용법 공유합니다. 

1. AI 기반 무료 UI 디자인 툴  Uizard 소개

 Uizard는 복잡한 UI 기능들을 몇 분만에 와이어프레임, 목업 및 프로토타입을 디자인할 수 있는 AI 기반 UI 디자인 툴 사이트입니다. 

출처 -Uizard

 [Uizard AI 기능]

- 텍스트 프롬프트에서 UI 디자인을 생성

- 손으로 그린 스케치를 와이어플레임으로 변환

- 스크린숏을 편집 가능한 디자인으로 변환

- 그 외에 사전에 제작된 웹/ 앱 UI 템플릿, UI 구성요소 등 포함 

반응형

2. Uizard  주요 기능 사용방법

①  Uizard 사이트를 방문하고 회원가입 후 로그인

출처 -Uizard

구글 이메일 있으면 간편하게 회원가입 가능하고,

 

② Uizard 사전 제작된 웹 / 앱 UI 템플릿 

출처 -Uizard 

로그인하면 Uizard에서 제작된 웹/앱 UI 템플릿 제시해 주는데요. 여기서 자신이 원하는  웹 또는 모바일 UI 템플릿 선택을 하시면  바로 UI 디자인 제작하는 것을 도와줍니다.(UI 템플릿 중에 무료 또는 프로(유료) 있으니 확인하고 사용해 주세요)

출처 -Uizard

UI 템플릿 선택하면 템플릿을 자유롭게 편집할 수 있는 [UI 편집 페이지]가 나옵니다. UI 템플릿의 디자인 요소인 사진, 아이콘, 텍스처, 색깔 등 나만의 UI 디자인 자유롭게 편집할 수 있습니다 

 

③ 텍스트 프롬프트에서 UI 디자인을 생성 (유료 버전)

AI 사용해 텍스트 프롬프트 사용하여 나만의 UI디자인 템플릿을 추천하여 생성해 주는데요

출처 -Uizard 

[Uizard AI 텍스트 프롬프트 생성하는 방법]

첫 번째. 웹/ 앱 모바일 UI 장치 스타일 고르기

두 번째. 웹/ 앱 모바일 프로젝트 양어로 텍스트 프롬프트 적기

세 번째, UI 디자인 스타일 키워드 쓰거나 키워드 선택하기

 

④ 손으로 그린  와이어프레임 스케치를 UI 프레임 변환

출처 -Uizard 

ui 편집 페이지 왼쪽 편집바에서 맨 위에 파란 (Screen] - [Wireframe] 눌러주면 스케치를 ui 디자인 변환하는 페이지를 보여줍니다. 그리고 미리 스케치한 와이어프레임 사진을 가져옵니다 

출처 -Uizard 

사진 업로드되고, 직접 스케치한 와이어 프레임이 ui 편집페이지 실제 와이어프레임 디자인을 변환하여 보여주는 것을 볼 수 있습니다.

 

수많은 UI 디자인 툴 사이트 많지만 오늘 소개할 Uizard AI UI 디자인 툴은 AI 사용하고 있고 수많은 UI 템플릿 제공 그리고 내가 원하는 와이어 프레임 직접 스케치를 하면 변환하는 기능까지 갖추고 있어  누구나 손쉽게 UI 디자인 도움이 되는 사이트로 한번 쯤 써보는 것 추천합니다!

 

Uizard | App, Web, & UI Design Made Easy | Powered By AI