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