Backend
home
🔲

framer AI 활용 후기

태그
ETC
게시일
2025/01/22
최종 편집 일시
2025/04/17 03:27
1 more property

frame이란?

framer는 figma과 같은 디자인 툴인데 AI를 활용하여 페이지를 생성해주는 기능이 있다.
AI가 친절하게 페이지까지 만들어주다니… 한번 써보고 싶은 마음에
figma와는 어떤 차이점이 있는지 궁금하여 직접 테스트해봤다.

사용 방법

1.
로그인 후 위 상단 메뉴의 Actions 을 클릭하면 다음과 같은 화면이 보인다. 여기서 “Generate Page를 클릭한다.
2.
AI에게 명령을 할 때는 영어로 작성해야 한다. 상세한 내용을 문장에 적을수록 더 나은 결과물을 만들어준다. 문장의 자세한 수준을 하단 바에 표시해 더 자세히 쓰게 유도한다. Start를 누르면 전체 레이아웃이 자동으로 생성된다. 통상적으로 쓰이는 원페이지 웹사이트와 프로모션 웹사이트의 형태로 생성된다. 결과물의 글꼴과 팔레트를 자유자재로 바꿀 수도 있다. 내부에 들어가는 글도 자동으로 만들어준다. CMS 관리 탭이 있어 내부에 쓰이는 내용을 자유롭게 바꿀 수 있다. 거기다가 자체 지원하는 도메인과 호스팅도 있어서 바로 웹사이트를 공개할 수도 있다.
3.
AI가 생성한 페이지를 사용자가 도메인을 입력해서 Publish까지도 할 수 있다.
b.
AI가 생성한 페이지의 속성들을 사용자가 직접 편집할 수 있다.