brunch

You can make anything
by writing

C.S.Lewis

by 유훈식 교수 May 01. 2024

UI 디자인 자동화 시대가 오다 (갈릴레오 AI)

Galileo AI, UI Design

UI 디자인은 시간이 많이 걸리는 작업이다. 최근 등장한 몇몇 AI 도구들은 몇 초 안에 UI 디자인을 생성할 수 있도록 도와준다. 오늘은 UI 디자인을 자동화 해주고 있는 갈릴레오 AI(Galileo AI)에 대해서 정리해보았다.


갈릴레오 AI는 무엇인가? 

갈릴레오 AI는 텍스트 입력을 기반으로 편집 가능한 UI/UX 디자인을 생성할 수 있는 UI 자동화 도구이다. 갈릴레오 AI를 활용하여 다양한 화면 크기의 모바일 및 웹 애플리케이션 UI 디자인을 할 수 있다. 텍스트를 넣으면 UI를 만들어주니 UI 디자이너를 위한 챗GPT와 같다고 볼 수 있겠다. 갈릴레오 AI는 데스크톱 브라우저에서 접근할 수 있는 온라인 도구로 지원을 한다. 이 플랫폼은 현재 공개 베타 상태로 제공이 되고 있다. 즉, 아직 완전한 완성품은 아니라는 의미이다. 그렇지만 텍스트 만으로 꽤 괜찮은 UI를 자동으로 만들어주기 때문에 결과는 매우 놀랍다고 할 수 있다.


갈렐리오AI의 주요 기능 
Text-to-UI 

갈릴레오 AI는 생성 AI 알고리즘으로 구동되기 때문에 원하는 것을 텍스트로 넣게 된다. AI는 텍스트 프롬프트 요청에 대해서 즉각적인 결과를 제공한다. 간단한 프롬프트든 복잡한 프롬프트든, 꽤 괜찮은 UI 디자인을 제공한다.


비질리(visily)와 같은 다른 AI UI 생성기와 달리, 프롬프트만으로 작동합니다. 즉, 기술적인 단계는 필요하지 않다는 의미이다. 텍스트로 요청하면 한 번에 최대 여섯 개의 인터페이스 화면을 얻을 수 있다. 다양한 종류의 프롬프트를 넣어 봤을 때, 전체적인 인터페이스 디자인 결과들은 꽤 괜찮았다. 그러나 아직 베타 버전이기 때문에 출력이 일부 반복적으로 나타나는 것도 볼 수 있었다.  


Image-to-UI 

Image-to-UI는 가장 흥미로운 기능 중 하나이다. UI의 그림이나 앱의 스크린샷이 있으면 갈릴레오에 업로드할 수 있다. 그러면 마법처럼 작업을 수행해서 결과를 만들어낸다. 이미지를 업로드했을 때, 생각보다 다양한 UI 디자인 변형 사례들을 제시한다. 참조 이미지와 정확히 같아 보이지는 않았는데, 이것은 더 좋은 방식이라고 할 수 있겠다. 동일한 디자인을 만드는 대신, 고유한 아이디어를 제시하는 것이다. 레이아웃과 요소의 위치를 유지하면서, 갈릴레오 AI는 복사처럼 보이지 않는 디자인을 생성합니다.


모바일 및 데스크톱 앱 지원

갈릴레오 AI는 모바일 및 데스크톱 웹 애플리케이션 모두에 대한 UI를 생성할 수 있다. 둘 중에 무엇을 원하는지 선택할 수 있도록 도와주는 옵션이 있다. 그러나 데스크톱 웹 인터페이스 디자인 모드에서 이미 작업을 시작하면 기존 디자인에 대해 모바일 앱 변형으로 전환할 수는 없다. 이를 수행하려면 처음부터 다시 시작해야 한다. 이런 부분은 좀 아쉬운 점이라고 할 수 있다.


피그마와의 호환성

갈릴레오 AI의 가장 혁신적인 기능이라고 한다면 피그마와 연동이 된다는 것이다. 갈릴레오 AI는 피그마 버튼을 제공한다. 디자인이 생성되면, 피그마 버튼을 클릭하여 복사할 수 있다. 그런 다음 피그마에서 더 편리하게 편집하기 위해 파일을 보낼 수 있는 것이다. 이러한 호환성은 UI 디자이너에게 생성된 결과를 디테일하게 조정할 수 있는 경험을 전달한다.


사용 편의성

갈릴레오 AI는 매우 간단하고 최소한의 인터페이스만 제공한다. 가장 중요한 옵션들(예: Text-to-UI, Image-to-UI, Explore)이 사이드바에 있습니다. 대시보드의 나머지 부분은 AI와의 텍스트 대화를 위한 챗GPT와 유사한 영역이다. 직관적이고 사용하는 기능이 많지 않기 때문에 누구나 이 도구를 쉽게 사용할 수 있다.


맞춤 설정

갈릴레오 AI에서는 몇 가지 기본적인 맞춤 설정 기능을 제공한다. 디자인을 생성한 후에는 색상, 모양, 폰트를 변경하거나 어두운 모드 또는 밝은 모드로 디자인을 만들 수 있는 옵션이 있다. 또한, 특정 출력을 수정하기 위해 텍스트 입력을 사용할 수 있다. 더 많은 제어를 원한다면 피그마에 디자인을 붙여넣어야 합니다. 비질리 AI나 위저드와 달리 갈릴레오 AI는 광범위한 맞춤 설정 옵션을 제공하지는 않는다. 그러나 다른 플랫폼에 비해 사용하기가 더 쉽다.


커뮤니티 기능

갈릴레오 AI에서 생성한 모든 디자인을 공개 또는 비공개로 설정할 수 있다. 공개된 디자인은 이 플랫폼의 탐색 섹션에서 사용할 수 있다. 다른 사용자들은 공개 디자인을 가져다 수정하여 자신의 방식으로 디자인할 수 있다.


갈릴레오 AI에는 앞으로 더 많은 기능이 미래에 추가될 예정이라고 한다. 현재 갈릴레오에서 가장 중요하게 누락된 서비스는 미리 만들어진 템플릿 모음이라고 생각이 된다. 이러한 템플릿은 플랫폼을 더욱 매력적으로 만들 수 있을 것이다. 또한, 몇 가지 추가 기능과 생성된 UI 요소를 위한 전용 편집기가 있다면 전문적인 UI 디자이너에게 더 유용한 도구가 될 수 있을 것이다.


갈릴레오 AI 사용 방법

시작하는 방법은 다음과 같습니다:

갈릴레오 AI 웹사이트로 가서 계정을 등록한다.

간단한 자격 증명으로 로그인을 한다.

Text-to-UI 또는 Image-to-UI 중에서 선택을 한다.

'New Design'을 클릭한다.

목표하는 디자인 유형에 따라 모바일 또는 웹 중에서 선택을 한다.

원하는 내용을 입력하고 'Generate' 버튼을 클릭한다.

작업이 끝날 때까지 기다린다.

결과물을 보고 필요하다면 간단한 편집 또는 수정을 한다.

필요하면 디자인을 피그마로 내보내서 최종적으로 수정한다.


가격

갈릴레오 AI는 유료 버전을 사용해야 한다. 초기에는 무료 버전을 제공 했었지만 지금은 제공하지 않는다. 다음과 같은 세 가지 다른 유료 플랜이 있다.


갈릴레오 AI 총평

갈릴레오 AI는 현재 공개 베타 버전으로 제공되고 있지만 매우 유용한 도구임은 확실하다. UI 디자인을 위해 챗GPT와 유사한 접근 방식을 사용하는 최초의 도구 중 하나라는 점에서도 의미가 크다. UI/UX 디자이너라면 이 플랫폼을 매우 유용하게 활용할 수 있을 것이다. 미리 만들어진 템플릿이 부족한 등의 일부 제한이 있긴 하지만, 무료로 시도해 볼 수 있으므로 사용해보는 것을 추천한다. 


AI 디자인 (UX/UI) 오픈 채팅방

https://open.kakao.com/o/gu8o45gf 


AI-Powered Design Lab 유튜브 채널

https://www.youtube.com/@aidesigntv/featured


인공지능 디자인협회 AI x UX/UI Design (무료) 세미나 뉴스레터 신청

* 확인 메일이 안 보이면 스팸함을 확인해주세요.

https://aidesign.stibee.com 







* 위의 글은 아래의 아티클을 번역하여 재정리한 글입니다.

https://mspoweruser.com/galileo-ai-review/


#AI #UX #UI #design #디자인 #디자이너 #galileoAI #갈릴레오AI #갈릴레오



                    

매거진의 이전글 UX/UI 디자이너가 AI를 활용하는 5가지 방법
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari