AI로 웹사이트 쉽게 만들 수 있어요! : Framer AI

안녕하세요! 오늘 여러분에게 소개하려는 웹 사이트는 Framer AI (https://www.framer.ai/)입니다.

Figma의 경쟁사로 알려진 Framer에서 최근에 인공지능 기술을 활용하여 프롬프트에 원하는 사이트를 입력하면 자동으로 웹사이트, 애플리케이션 등의 디자인을 자동화해주는 서비스를 가지고 등장하였습니다.

디자인 전문가뿐만 아니라 비전문가인 초보자도 창의적인 결과물을 쉽게 만들 수 있는 AI툴입니다 🙂

인공지능을 활용하여 디자인의 효율성과 창의성을 한층 높일 수 있는 서비스로, 디자인 업계의 미래를 주도할 것으로 기대가 되는데요!

그렇다면 한 번 사용방법에 대해 알아보러갈까요? 🙂

<Framer AI 사용방법>

https://framer.com/ 사이트에 들어가서 먼저 Sign up를 클릭하여 회원가입 먼저 하시면 됩니다.

회원가입을 완료하게 되면 이러한 화면이 뜨는데요,

Start with AI를 클릭하시면 된답니다 🙂

프롬프트에 생성하고 싶은 웹사이트나 어플에 대해서 작성하시면 된답니다 .

저는 숙박 예약 사이트를 만들어볼게요 🙂

(한글 영어 모두 지원하지만, 영어로 작성시에 더 정확하게 생성이 됩니다. 번역은 chat GPT나 뤼튼을 활용하시는 것을 추천드립니다 !)

Start를 눌러볼까요?!

(프롬프트에 사이트에 대한 설명이 자세하게 적으면 원하는 사이트를 정확하게 생성시킬 수 있어요 ! )

짜잔! 프롬프트에 문장만 입력했는데 웹사이트뿐만 아니라 태블릿과 핸드폰 프레임에 맞게 디자인을 생성시켜주네요 🙂

색상이 맘에 안 든다면, 색상도 자유롭게 변경할 수 있으며 , 내용도 모두 수정 가능하답니다 🙂

우측에 Publish 버튼을 클릭하시면 URL도 생성되며 클릭하면 사이트도 미리볼 수 있어요 !

한 번 Framer AI를 사용해보았는데요, 물론 고퀄리티를 기대할 수는 없겠지만

디자인 감각이 없는 초보 디자이너나, 취준생분들께 아이디어를 얻기에 충분한 사이트라고 생각합니다 .

색상, 폰트 수정도 꽤 쉬운 편이라 급할 때 사용하기에 정말 좋을 거 같네요 🙂

앞으로 얼마나 더 발전된 AI 툴이 나올 지 정말 기대됩니다 !

요금제는 크게 4가지(Free/Mini/Basic/Pro)로 나뉘어져 있습니다.

방문자 수나 CMS 화면 개수에 맞게 요금제를 선택하시면 됩니다 🙂

구성 참고용이나 , 포트폴리오용으로 이용하실 분들은 무료 버전도 아주 충분하실 것 같습니다 !