Framer AI 웹사이트 제작, 도메인 연동 및 요금제 선택

Framer 요금제 플랜별 한도 및 제공 기능

Framer 요금제는 AI 크레딧 분량, 커스텀 도메인 연결 가능 여부, CMS 컬렉션 수, 트래픽 대역폭 및 호스팅 스펙에 따라 구분됩니다. 결제 전에 본인의 프로젝트 운영 목적과 필요한 트래픽 용량에 맞는 요금제를 선택해야 도메인 연결 불가나 크레딧 부족 문제를 방지할 수 있습니다.

제작 목적에 따른 플랜 선택 및 전환 결론

단순 디자인 레이아웃 검증이나 웹사이트 프로토타입 제작이 목적일 때는 Free 플랜을 사용합니다. 생성된 페이지를 외부 공유용 기본 URL로 확인하고 일회성으로 제공되는 500 크레딧 범위 내에서 Framer Agent 생성을 테스트합니다.

개인 포트폴리오나 소규모 브랜드 사이트에 독자적인 맞춤 도메인을 연결해야 하는 경우에는 Basic 플랜으로 전환합니다. 월 10달러 비용으로 커스텀 도메인을 연결하고 2개의 CMS 컬렉션과 월 50 GB 대역폭 제한 안에서 웹사이트를 안정적으로 운영합니다.

도메인 연동 및 유료 요금제 선택 시 놓치기 쉬운 조건

Free 요금제 상태에서는 외부 호스팅업체에서 구매한 독자 도메인(예: brand.com)을 웹사이트에 직접 연결할 수 없습니다. Framer 설정 내 Domains 메뉴에서 외부 DNS 정보를 등록하는 기능은 최소 Basic 요금제 이상을 결제하여 구독을 활성화한 시점부터 동작합니다.

AI 크레딧은 Agent 작업 수행, 레이아웃 자동 수정, CMS 콘텐츠 자동 생성 시 차감되며 월간 한도를 초과하면 프롬프트 처리 요청이 즉시 중단됩니다. 유료 플랜 계약을 유지하더라도 할당된 크레딧이 소진된 경우 필요에 따라 추가 크레딧 패키지를 구매해야 AI 편집 기능을 연속해서 사용할 수 있습니다.

Framer AI 프롬프트 생성부터 커스텀 도메인 연결까지 5단계 실행 절차

지정된 화면 조작과 DNS 생성을 순서대로 진행하여 생성된 웹사이트를 외부 도메인에 최종 발행합니다.

1. Framer 작업 공간에 접속한 후 좌측 상단의 'Start with Agents' 버튼을 클릭하여 AI 프롬프트 입력창을 활성화합니다.
2. 창 내부 프롬프트 입력 영역에 요구 사항(예: '3D 이미지 티커가 포함된 브랜드 소개 랜딩페이지')을 구체적으로 입력하고 엔터를 눌러 캔버스 레이아웃과 문구를 자동 생성합니다.
3. Canvas 상에서 생성된 레이아웃 요소와 텍스트 블록을 직접 선택하여 문구를 수정하고, Right Sidebar의 Breakpoints 설정에서 Desktop(1200px), Tablet, Phone 영역의 반응형 스타일을 교정합니다.
4. 상단 네비게이션 우측의 'Publish' 버튼 옆 'Site Settings' 아이콘을 클릭하고, 'Domains' 탭으로 이동하여 Basic 이상의 플랜을 선택한 뒤 결제를 완료합니다.
5. 'Connect a domain you own' 입력창에 맞춤 도메인 주소를 작성한 후, 표시되는 A 레코드(IP 주소) 및 CNAME 레코드 값을 도메인 등록업체(가비아, Cloudflare 등)의 DNS 관리 페이지에 등록합니다.

도메인 연동 실패 원인 진단 및 완료 검증

DNS 설정을 완료했음에도 사이트 연결에 실패하거나 오류가 발생하는 경우 원인을 확인하여 조치해야 합니다. 오탈자나 레코드 누락은 연동 실패의 주요 원인입니다.

정상 설정 시 Framer의 Domains 메뉴 내 연결 상태 항목이 'Active' 녹색 아이콘으로 변환됩니다. 웹 브라우저 주소창에 맞춤 도메인을 입력하여 보안 연결(HTTPS) 적용 상태와 responsiveness 레이아웃 동작이 이상 없이 출력되는지 확인하여 발행을 마무리합니다.

대안 경로 및 관리자 지원 요청 기준

단일 커스텀 도메인 하위에 다수의 웹사이트를 프록시 구조로 연결하거나 커스텀 HTTP 헤더 설정이 필요한 조직은 Advanced hosting 옵션을 도입해야 합니다. Enterprise 수준의 SSO 로그인, SCIM 계정 프로비저닝 및 무제한 에디터 권한 관리가 요구되면 공식 영업팀을 통해 맞춤 계약을 신청합니다.