웹디자이너 UI UX 디자이너는 어떤 AI 툴을 쓰나

웹디자이너 UI UX 디자이너는 어떤 AI 툴을 쓰는지 
적당한거 골라달라고 여러 AI 서비스에 물었다.  

---

1. Adobe 

https://www.adobe.com/kr/products/firefly.html

Adobe Firefly - 크리에이티브를 위한 무료 생성형 AI

Adobe 는 그냥 어도비다. 

---

2. Figma, 어도비를 뛰어넘는 피그마 

 

https://www.figma.com/

Figma: The Collaborative Interface Design Tool

Figma는 협업 중심의 디자인 도구로, 프로토타입 제작에서 특히 뛰어난 기능을 발휘한다. 이 서비스는 여러 사용자가 동시에 작업할 수 있게 해주어 팀 원들 간의 실시간 피드백을 가능하게 한다. 

---

3. Visily, 스크린샷 이미지 올리면 자동으로 UI 만들어줌, 무료플랜있음, 월15,000원 ~

https://www.visily.ai/

Visily - AI-powered UI design software

Visily는 UI 디자인을 위한 AI 툴로, 사용자가 제공한 스크린샷을 편집 가능한 와이어프레임으로 변환하는 기능을 갖추고 있다. 손으로 그린 스케치를 디지털 디자인으로 전환할 수 있어 초기 디자인 작업을 신속하게 시작할 수 있다.

실제 이미지 화면 캡쳐한 걸 올려봤는데
아래 이미지처럼 레이아웃이 완벽히 나오고 글자나 아이콘도 완벽히 나왔다. 

---

4. MidJourney, 이미지 생성 ai중 가장 품질 좋음, 월 11,000 / 33,000 원

 

https://www.midjourney.com/

MidJourney는 AI 이미지 생성 도구로, 웹디자인 아이디어 발굴에 유용하다. 디자이너들은 중간 단계의 스케치나 컨셉을 신속하게 시각화할 수 있어, 다양한 스타일과 테마를 탐색하는 데 큰 도움이 된다. 

---

5. Uizard, 스크린샷이나 스케치, 프롬프트 -> 전체 사이트 페이지들 UI 완성해줌 

https://uizard.io/

UI Design Made Easy, Powered By AI | Uizard

Uizard는 손그림이나 간단한 스케치를 AI가 디지털 디자인으로 변환해주는 서비스다. 사용자가 손으로 그린 와이어프레임을 업로드하면, Uizard의 AI는 이를 분석하여 디지털 프로토타입으로 자동으로 바꿔준다. 

작은 스크린샷 이미지 하나 올렸을 뿐인데 전체 페이지 디자인이 나오고 
화면 전환 효과까지 들어가 있다. 
내가 쓸일이 있을까 싶었지만 신기함. 

---

6. Framer,
드래그 드롭으로 사이트 디자인 후 자동 퍼블리싱까지 
피그마와도 연동 

https://www.framer.com/

Framer — The web builder for stunning sites.

Framer는 AI 기반의 웹사이트 프로토타이핑 도구로, 코드 없이도 상호작용 디자인을 쉽게 제작할 수 있게 돕는다. 이 도구에서는 드래그 앤 드롭 방식으로 디자인 요소를 배치하고, 효율적으로 애니메이션을 추가할 수 있다. 또한, 팀원들과의 협업 기능이 잘 갖춰져 있어 실시간 피드백과 수정이 가능하다.

 

---

7. Hotjar, 사용자 행동 분석해준다고 함 

https://www.hotjar.com/

Hotjar는 사용자 행동 분석에 특화된 도구로, 웹사이트 사용자가 어떻게 상호작용하는지를 다양한 방식으로 분석할 수 있다. 히트맵, 세션 재생, 설문 조사 등의 기능을 제공하며, 이를 통해 디자이너는 사용자의 취향과 행동 패턴을 파악할 수 있다.