Framer AI로 웹사이트 만들기
프롬프트 한 줄로 포트폴리오·랜딩페이지가 완성돼요. 코딩 없이도 애니메이션·CMS·SEO까지 갖춘 실제 웹사이트를 배포할 수 있어요.
따라 하기
1단계
Framer AI 사이트 프롬프트 입력
- 1framer.com에 접속해 Google 계정으로 로그인합니다.
- 2+ New Project에서 Start with AI를 선택합니다.
- 원하는 사이트를 설명합니다.
- 3음식점 랜딩페이지, 따뜻한 색감, 메뉴·예약 섹션 포함, SaaS 제품 소개 페이지, 다크 모드, 기능 소개·가격 섹션, 개인 브랜딩 포트폴리오, 미니멀 화이트처럼 입력하세요.
framer.com
실제 화면
팁 사이트 목적과 타겟 독자를 명시하면 더 적합한 디자인이 나옵니다. 30대 직장인 대상 명상 앱 랜딩페이지, 차분하고 신뢰감 있는 톤처럼 구체적으로 입력하세요.
처음이라 잘 모르겠다면
framer.com에서 + New Project를 클릭하고 AI로 사이트 생성을 선택해 미니멀 SaaS 스타트업 랜딩 페이지처럼 설명하세요.
막히면 볼 것
자주 하는 실수 3가지
- AI 생성 텍스트를 그대로 사용 → 브랜드 개성 없음 — 주요 카피는 반드시 본인 언어로 수정
- 이미지 최적화 없이 고해상도 업로드 → 사이트 느려짐 — WebP 변환 또는 Framer 자동 최적화 설정 활성화
- SEO 메타데이터 입력 생략 → 검색 노출 어려움 — 각 페이지 제목·설명·키워드 반드시 작성
AI 없이 할 때와 뭐가 다른가요?
랜딩페이지 아이디어 → Framer AI → 30분 내 배포
포트폴리오 사이트 만들려고 HTML/CSS 공부 시작했는데 언제 완성하나...
나
코딩 없이 전문적인 웹사이트를 만들고 싶습니다.