Framer AI로 홈페이지 만들기: 사용법부터 팀 요금까지

Framer AI는 AI로 초안을 만들고 사람이 마무리할 비즈니스 웹사이트에 잘 맞습니다. 생성한 페이지를 Framer의 비주얼 캔버스에서 계속 수정할 수 있기 때문입니다. Basic은 연간 결제 기준 월 $10부터 시작합니다. 다만 Pro 사이트에 협업자 두 명과 언어 두 개를 추가하면 세금과 추가 AI 사용료를 제외하고도 연간 결제 기준 월 $100이 됩니다. 직접 편집하며 운영할 마케팅 사이트라면 좋은 선택입니다. 고객 로그인과 애플리케이션 워크플로가 필요하다면 앱 빌더를 선택하는 편이 맞습니다.

2026년 10월 14일 확인: Framer의 공개 제품 페이지, 도움말, 실시간 요금 페이지를 기준으로 검토했습니다. 이 글은 공개 사례와 비용 계산을 포함한 문서 기반 평가입니다. 로그인한 상태에서 사이트를 생성하거나 제품을 직접 테스트하지는 않았습니다. 평가는 수동 디자인 제어, 콘텐츠 운영, 전체 구독 비용, 다른 플랫폼을 선택해야 하는 요구사항을 중심으로 했습니다.

Framer AI는 어떤 툴인가요?

Framer는 비주얼 캔버스, 콘텐츠 관리, 게시 기능을 제공하는 호스팅형 웹사이트 빌더입니다. AI 에이전트는 그 프로젝트 안에서 콘텐츠와 디자인을 만들고 수정합니다. 원하는 사이트나 섹션을 설명하면 편집 가능한 페이지, 문구, 시각 요소가 생성되고, 이후에도 프롬프트를 입력하거나 캔버스를 직접 조정하며 작업을 이어갈 수 있습니다. 핵심은 웹사이트를 닮은 이미지가 아니라 계속 손볼 수 있는 실제 웹사이트가 나온다는 점입니다. Framer는 AI 스타일링, CMS 작업, 번역, 재사용 가능한 지침, 외부 에이전트 연결도 안내합니다. 각기 다른 작업 방식이지만 비용은 함께 살펴봐야 합니다. 프롬프트 하나로 비즈니스 사이트 전체가 완성된다는 뜻은 아닙니다. Framer AI

Framer가 잘 맞는 경우와 다른 툴이 나은 경우

Framer는 공개 마케팅 웹사이트를 만들려는 창업자, 마케터, 프리랜서 디자이너에게 적합합니다. 상품이나 서비스를 설명하고, 신뢰할 만한 작업 사례를 보여 주고, 콘텐츠를 발행하며, 문의를 받는 사이트입니다. 특히 AI가 초안을 만든 뒤 사이트 관리자가 화면을 보며 직접 디자인을 조정하고 싶다면 매력적인 선택입니다.

위 가격은 확인일에 Framer, Webflow, Lovable에서 직접 확인한 값입니다. 각각 명시된 결제 주기의 시작 요금이며, 같은 기능을 묶은 상품끼리의 비교는 아닙니다.

서비스 소개 페이지, 사례, 문의 폼이 필요한 독립 컨설턴트라면 Framer를 합리적으로 선택할 수 있습니다. 디자인을 바꾸지 않고 콘텐츠만 수정해야 하는 고객에게 사이트를 넘기는 디자이너에게도 잘 맞습니다. 반면 사이트를 고객 포털로 발전시킬 계획이라면 마케팅 사이트 빌더를 고르기 전에 그 포털을 어디서 운영할지 결정해야 합니다.

Webflow AI와 비교할 때는 운영 방식을 봅니다

Webflow도 AI 사이트 생성, 문구 작성, CMS 항목 생성, 디자인 시스템 기반 섹션 제작을 지원하는 비주얼 웹사이트 플랫폼입니다. AI가 있다는 이유만으로 Framer가 더 낫다고 할 수는 없습니다. Webflow AI 소개

기존 사이트 팀이 디자인 시스템과 CMS 프로세스에 익숙하다면 Webflow를 계속 후보에 두는 편이 좋습니다. Framer에서 새로 시작하려면 더 잘 맞는 편집 경험이나 간편한 인수인계처럼 분명한 이점이 있어야 합니다. 반대로 소규모 사업체가 언젠가 필요할지도 모른다는 이유만으로 더 큰 운영 체계를 도입할 필요는 없습니다. 이 선택은 Webflow 리뷰에서 자세히 살펴봅니다.

Lovable은 웹사이트 자체가 애플리케이션일 때 선택합니다

Lovable은 프런트엔드, 백엔드, 데이터베이스, 인증, 편집 가능한 코드를 갖춘 애플리케이션을 만듭니다. 인증은 사용자가 로그인할 수 있게 하는 기능이고, 백엔드는 화면 뒤에서 데이터와 규칙을 처리합니다. 공개 서비스 소개 페이지와는 출발점부터 요구사항이 다릅니다. Lovable 문서

고객 대시보드, 내부 툴, 계정 기반 제품을 만든다면 Lovable을 선택할 만합니다. 완성도 높은 소개 사이트만 필요하고 애플리케이션 로직을 직접 관리할 이유가 없다면 적합하지 않습니다. 유료 입문 플랜인 Pro에는 월 100크레딧과 무제한 사용자가 포함되지만, 애플리케이션 실행에 드는 사용료도 예산에 넣어야 합니다. 앱 빌더 구독료를 운영비 전부로 생각하기 전에 Lovable 요금 분석과 Lovable 대안을 확인하시기 바랍니다.

AI 홈페이지 제작, 먼저 기획 내용을 구체화합니다

Framer는 프롬프트로 사이트를 생성할 수 있습니다. 하지만 제대로 된 기획에는 AI가 대신 결정할 수 없는 내용이 들어가야 합니다. 타깃 고객, 제공할 상품이나 서비스, 근거 자료, 필요한 섹션, 방문자가 취할 다음 행동입니다. Framer의 시작 가이드는 Ember Roast라는 커피 로스터리를 예로 들며 제품, 고객 후기, 문의 섹션을 구성합니다. 이는 공식 가이드에 실린 예시이며, 이 리뷰를 위해 생성한 결과물이 아닙니다. Framer 사이트 생성 가이드

서비스를 판매하는 사업체라면 시각적 스타일을 정하기 전에 방문자가 무엇을 이해해야 하는지부터 정합니다. “현대적이고 아름답게”라는 지시만으로는 중요한 질문에 답할 수 없습니다. “독립 소매점에 우리 장부 관리 서비스를 설명하고, 승인된 사례를 보여 주며, 상담을 신청하도록 안내합니다”라고 해야 레이아웃의 목적이 분명해집니다.

Framer 사용법: AI 웹사이트 만들기부터 게시 전 점검까지

아래는 Framer가 문서로 안내한 기능을 활용하는 작업 제안입니다. 프롬프트는 직접 작성한 예시이며, 이번 검토에서 실제로 관찰한 결과를 설명하는 것은 아닙니다.

1. 1

   원본 자료를 준비합니다

   승인된 서비스 소개문, 로고, 이미지, 게시 권한이 있는 근거 자료를 모읍니다. 비어 있는 정보와 확정된 문구를 구분합니다. 레이아웃을 채우려고 에이전트에게 고객이나 후기를 지어내도록 요청하지 않습니다.

2. 2

   Agent를 열고 작업 범위를 명확히 전달합니다

   프로젝트를 만든 뒤 오른쪽 사이드바에서 Agent를 엽니다. 다음과 같이 시작할 수 있습니다. “독립 소매점을 위한 장부 관리 서비스 Cedar Ledger의 홈페이지를 만들어 주세요. 첨부한 승인 문구와 로고를 사용하세요. 서비스 소개, 세부 서비스, 업무 절차, 제공된 사례, 상담 신청 폼을 넣으세요. 차분한 편집 디자인을 적용하세요. 빠진 콘텐츠는 명확히 표시하고, 근거 자료를 지어내지 마세요.”

3. 3

   선택한 섹션을 다듬습니다

   캔버스에서 히어로 섹션을 선택한 뒤 수정 범위를 좁혀 요청합니다. “승인된 헤드라인과 로고를 유지하세요. 핵심 행동을 유도하는 요소를 더 강조하고, 시선을 분산시키는 시각 요소는 줄이세요.” Framer는 다른 영역이 의도치 않게 바뀌는 일을 줄이기 위해 섹션별로 작업하고 선택 영역을 맥락으로 제공하도록 권장합니다.

4. 4

   게시 전에 점검합니다

   콘텐츠, 링크, 이미지, 반응형 레이아웃을 확인합니다. 휴대전화 화면도 반드시 포함합니다. 브랜치를 지원하는 플랜에서 큰 수정을 할 때는 브랜치를 만들고 Changes를 검토한 뒤 main에 반영하고 게시합니다. 초안이 보기 좋다는 판단과 실제 게시 결정은 별개입니다.

Framer는 참고 이미지와 실제 디자인 에셋 첨부를 지원합니다. 인터랙션이 중요하다면 외형을 보여 주는 이미지와 실제 동작을 확인할 수 있는 라이브 레퍼런스를 함께 제공하라고 안내합니다. 막연히 “고급스럽게” 해 달라는 요청보다 훨씬 구체적입니다. Agent 사용 가이드

완성도를 판단하는 기준은 간단합니다. 방문자가 장식 요소의 의미를 해석하지 않고도 무엇을 제공하는지, 다음에 무엇을 해야 하는지 알 수 있어야 합니다. 초안이 이 기준을 충족하지 못한다면 모션을 추가하기 전에 정보의 우선순위부터 손봐야 합니다.

AI 스타일링 후에도 직접 수정할 수 있는 범위

Framer가 생성한 결과물은 계속 편집할 수 있습니다. 텍스트, 이미지, 레이아웃, 타이포그래피, 컴포넌트, 간격, 색상, 효과, 브레이크포인트를 바꿀 수 있습니다. 브레이크포인트는 화면 너비에 따라 레이아웃을 조정하는 기준입니다. 휴대전화에서 제목의 줄바꿈이 어색하다고 사이트 전체를 다시 생성할 필요가 없다는 것이 실질적인 장점입니다. Framer 편집 방식

Cedar Ledger 기획을 예로 들면 같은 페이지를 단계적으로 수정하며 평가합니다. 먼저 콘텐츠와 섹션 순서가 정확해야 합니다. 다음에는 제목, 버튼, 이미지 표현이 일관되어 브랜드를 알아볼 수 있어야 합니다. 마지막으로 작은 화면에서도 폼을 읽기 쉽고 다음 행동이 명확해야 합니다. 이는 검토 단계에 대한 제안이며, 수행하지 않은 테스트에서 발견한 문제를 보고하는 것이 아닙니다.

제공된 글자 스타일을 여러 섹션에 적용하는 것처럼 반복되는 수정은 범위를 지정해 에이전트에 요청합니다. 이미지 크롭이나 제목 주변 여백 조정처럼 특정 부분의 판단이 필요하면 캔버스를 사용합니다. 어느 방법을 쓰든 결과는 직접 확인해야 합니다.

반복 작업은 Skills로 저장하고, 수정 전후의 구체성을 비교합니다

Framer Skills에는 디자인 시스템, 브랜드 문체, 출시 전 점검처럼 반복되는 작업 지침을 저장할 수 있습니다. 프로젝트 Settings의 Skills에서 만든 뒤 에이전트 채팅에서 호출합니다. Cedar Ledger용 스킬이라면 승인된 글자 스타일, 기존 컴포넌트, 제공된 근거 자료를 사용하도록 하고, 사업 관련 주장을 지어내지 못하도록 하는 것이 유용합니다. Framer Skills

Framer의 공개 Skills 페이지에는 참고할 만한 글 수정 전후 사례가 있습니다. 수정 전에는 AI를 과장되고 추상적인 표현으로 설명합니다. 수정 후에는 고객 지원 요청 분류와 기록 업데이트 같은 구체적인 작업을 제시하고 사람이 무엇을 검토하는지 설명합니다. 주제는 같지만, 다듬은 문장은 실제 업무를 구체적으로 보여 줍니다.

비즈니스 사이트 초안에도 같은 기준을 적용합니다. “소매 금융의 혁신”이라는 말만으로는 점포 운영자가 얻을 수 있는 정보가 거의 없습니다. 서비스가 어떤 장부 관리 업무를 맡는지 설명하는 승인된 문구가 있어야 판단할 수 있습니다. AI는 표현을 제안할 수 있지만, 사실 여부는 사업체가 확인해야 합니다.

Framer 템플릿에서 시작해도 좋습니다

Framer Marketplace에는 Grain Lab의 Bedrock처럼 편집 가능한 템플릿이 있습니다. Bedrock은 무료로 등록되어 있으며 에이전시를 대상으로 합니다. 소개 페이지는 맞춤 수정이 가능한 반응형 레이아웃이라고 설명합니다. 기존 구성이 보여 주려는 콘텐츠와 이미 잘 맞는다면 그 틀에서 시작하는 것도 합리적입니다. Bedrock 소개

템플릿만으로 AI 생성 품질을 평가할 수는 없습니다. 다만 눈으로 확인할 수 있는 구조가 있으므로 이를 직접 수정할지, 에이전트에게 변경을 요청할지, 새 기획으로 시작할지 판단할 수 있습니다.

Framer 웹사이트 사례로 알 수 있는 것과 알 수 없는 것

Framer의 공개 제품 페이지와 사례는 플랫폼에서 어떤 결과물을 표현할 수 있는지 보여 줍니다. 짧은 프롬프트만으로 사람의 작업 없이 그 사이트가 만들어졌다는 증거는 아닙니다. 레이아웃, 모션, 콘텐츠 구성을 평가하는 데 활용하되, 초안 품질이나 시간 절감 효과를 측정한 자료로 보아서는 안 됩니다.

외부 에이전트 연결과 워크스페이스 협업

Framer는 Claude Code, Cursor, Codex 같은 외부 코딩 에이전트와 연결하는 방법도 안내합니다. 연결 시 명시적으로 선택한 프로젝트에만 접근 권한을 줍니다. 에이전트는 캔버스와 CMS에서 작업할 수 있으며, 사용자가 게시하거나 에이전트에게 게시를 지시하면 변경 사항이 라이브 사이트에 반영됩니다. Framer에 따르면 외부 에이전트의 변경에는 브랜치를 사용하며 접근 권한을 철회할 수 있습니다. 외부 에이전트 연결 문서

마케터에게 중요한 구분은 프로젝트를 편집하는 일과 라이브 사이트 변경을 승인하는 일입니다. 개발자는 기존 툴 워크플로에 이 연결을 통합할 수 있습니다. 그렇다고 Framer의 사이트 구독료, 사용자별 요금, 사용량 비용이 없어지는 것은 아닙니다. 현재 요금 페이지는 외부 에이전트 접근을 프리뷰 기간에 한해 무료로 표시합니다.

CMS·폼·SEO로 비즈니스 사이트 운영하기

Framer는 비즈니스 사이트에 필요한 기본 게시 기능을 제공합니다. 다만 각 기능은 사업 목적에 맞춰 설정해야 합니다. 겉으로 완성된 초안에도 샘플 사례가 남아 있거나, 문의가 아무 곳에도 전달되지 않거나, 페이지에 맞지 않는 설명문이 재사용될 수 있습니다.

CMS: 승인된 콘텐츠로 같은 형식의 페이지를 만듭니다

Framer의 CMS, 즉 콘텐츠 관리 시스템은 글이나 사례처럼 반복되는 자료를 컬렉션에 저장합니다. 에이전트는 필드와 슬러그를 만들고, 컬렉션에 내용을 채우고, CSV 스프레드시트를 가져오고, 관련 콘텐츠를 연결하고, 그 콘텐츠와 연동되는 상세 페이지를 만들 수 있습니다. Framer CMS

Cedar Ledger라면 고객, 문제, 수행한 업무, 승인된 성과를 사례 필드로 만듭니다. 사례 페이지는 한 번 디자인하고 각 필드의 내용을 불러오도록 합니다. 그러면 개별 디자인 페이지가 계속 늘어나는 대신, 운영자가 같은 방식으로 콘텐츠를 발행할 수 있습니다.

샘플 데이터는 주의해서 다뤄야 합니다. Framer는 실제처럼 보이는 CMS 샘플 항목을 생성할 수 있다고 소개합니다. 레이아웃을 미리 보는 데는 도움이 되지만, 그럴듯하다는 것이 검증되었다는 뜻은 아닙니다. 지어낸 고객명이나 성과는 설득력 있게 보여도 게시해서는 안 됩니다.

플랜을 고르기 전에 콘텐츠 구조부터 정리합니다. 블로그 글과 사례는 Basic의 컬렉션 두 개에 들어갑니다. 작성자 컬렉션을 따로 만들면 세 번째 컬렉션이 필요하므로 방문자가 매우 적어도 Basic의 범위를 벗어납니다.

폼: 문의 수신처와 유입 경로 추적을 확인합니다

Framer의 기본 폼은 필드와 상태별 스타일, 이메일 전달, Google Sheets, 웹훅을 지원하며 스팸 방지와 요청 빈도 제한 기능을 내장합니다. Insert → Forms에서 폼을 추가한 뒤 필드와 제출 데이터의 수신처를 설정합니다. Framer 문의 폼 가이드

상담 신청 폼의 합격 기준은 제출 내용이 후속 대응을 맡은 사람이나 시스템에 도착하는지입니다. 게시된 사이트에서 필수 입력 항목, 제출 완료 메시지, 실제 수신 데이터를 확인합니다. 제출 버튼이 보기 좋다는 것만으로는 어느 것도 확인되지 않습니다.

유료 광고를 집행한다면 유입 경로 추적의 제약을 확인해야 합니다. 숨김 필드는 UTM 매개변수를 자동으로 수집하지 않습니다. UTM은 캠페인 URL에 붙여 유입 출처를 식별하는 태그입니다. Framer는 기본 폼의 UTM 추적을 Enterprise 기능으로 안내하며, 코드 오버라이드를 사용하는 방법도 문서로 제공합니다. 또한 Hidden 필드 설정과 Visible 속성으로 입력란을 숨기는 것을 구분합니다. 후자는 제출 데이터에서 해당 입력란을 제외합니다. 숨김 필드 문서

숨김 필드에 고정 라벨을 넣으면 어느 랜딩 페이지에서 문의가 왔는지 식별할 수 있습니다. 하지만 방문자가 어떤 광고를 통해 왔는지까지 자동으로 알 수 있는 것은 아닙니다. 마케팅 의사결정에 이 구분이 중요하다면 추적 기능 구현 비용을 예산에 반영해야 합니다.

SEO: 검색 노출을 위한 설정이며, 고객 유입을 보장하지는 않습니다

Framer는 페이지 제목과 설명, 맞춤 슬러그, CMS 기반 메타데이터, 시맨틱 HTML, 색인 설정, 사이트맵과 robots.txt 자동 생성을 지원합니다. 에이전트는 점검과 함께 제목 구조, 메타데이터, 이미지 대체 텍스트, 내부 링크 수정을 도울 수 있습니다. Framer SEO

사례 페이지에는 주제가 드러나는 제목, 실제 작업을 정확히 요약한 설명, 안정적으로 유지할 URL을 사용합니다. 검색엔진이 페이지를 수집해 검색 결과에 포함할 수 있도록 색인을 허용할 것인지 확인합니다. 기존 사이트를 교체한다면 이전 URL과 리디렉션 요구사항도 검토합니다. Framer는 사이트 리디렉션을 Pro 기능으로 안내합니다.

이러한 설정은 제대로 된 게시를 뒷받침합니다. 검색 순위, 트래픽, 유효한 잠재 고객 유입을 보장하지는 않습니다. AI가 생성한 메타데이터도 해당 페이지와 내용이 맞는지 확인해야 하는 문구입니다.

사이트를 자동 번역하면서도 편집 판단은 직접 합니다

Framer의 Auto Translate는 원본이 바뀔 때 활성화된 로케일의 번역 가능한 캔버스·CMS 콘텐츠를 갱신할 수 있습니다. 로케일은 사이트의 언어별 또는 지역별 버전입니다. Localization에서 로케일을 선택하고 Settings를 연 뒤 AI Settings의 Auto Translate를 활성화합니다. 모델을 선택하거나 Auto로 둘 수 있습니다. Auto Translate 설정 방법

Cedar Ledger의 프랑스어 버전이라면 서비스명, 폼 라벨, 다음 단계 안내를 함께 검토합니다. 개별 문장이 정확해도 버튼이 예고한 행동과 완료 메시지가 다르면 고객의 이용 흐름이 어색해질 수 있습니다. 실제 화면도 확인해야 합니다. 번역한 라벨에는 더 넓은 공간이 필요할 수 있습니다.

Framer에서는 번역을 검토하고 직접 편집할 수 있으며, 수동 수정 내용이 우선합니다. 검토 상태 표시를 통해 새 콘텐츠와 이미 확인한 콘텐츠를 구분할 수 있습니다.

로케일 요금과 번역 사용 한도는 별개입니다. 로케일 부가 기능을 구독하면 현지화가 가능해지고, AI 번역에는 워크스페이스 AI 크레딧이 추가로 소모됩니다. Framer에 따르면 크레딧을 모두 써도 수동 번역은 계속할 수 있습니다. 따라서 다국어 콘텐츠 발행 계획은 일회성 출시 비용뿐 아니라 지속적인 AI 예산에도 반영해야 합니다.

Framer AI 요금: 사이트 플랜·편집 권한·부가 기능까지 계산하기

Framer의 현재 사이트 플랜은 Free, Basic, Pro, Enterprise입니다. 아래 USD 가격은 2026년 10월 14일에 확인했으며, 두 결제 주기와 요금 페이지의 USD 데이터를 모두 검토했습니다. 연간 결제 기준 월 요금은 연간 비용을 월 단위로 환산한 값이며, 매월 해지할 수 있는 구독이라는 뜻은 아닙니다. Framer 요금

Basic에는 사이트 페이지 30개, CMS 컬렉션 두 개, CMS 항목 1,000개, 대역폭 50 GB가 포함됩니다. Pro에는 사이트 페이지 150개, 컬렉션 열 개, 항목 2,500개, 대역폭 100 GB와 함께 명시된 리디렉션, 스테이징, 브랜치 기능이 포함됩니다. Enterprise는 맞춤 한도와 조직 관리 기능을 제공합니다. 플랜별 한도

Free는 작업 방식을 살펴보는 데 적합합니다. 공개 안내에는 Framer 도메인과 대역폭 1 GB가 포함되어 있습니다. FAQ에는 페이지 1,000개, CMS 컬렉션 열 개, 파일 업로드 5 MB, 체험용 로케일도 명시되어 있습니다. 무료 환경의 이 한도가 Basic에 그대로 적용된다는 뜻은 아닙니다. 자체 도메인을 연결하려면 유료 플랜이 필요합니다.

사이트 구독료와 워크스페이스 편집자 요금은 따로 봅니다

Framer는 사이트와 편집 가능한 사용자에 대해 별도로 요금을 청구합니다. Basic과 Pro에서 워크스페이스 소유자와 뷰어는 무료입니다. 추가 전체 편집자는 연간 결제 기준 월 $20, 월간 결제 시 월 $30입니다. CMS, 현지화, 페이지 내 콘텐츠 편집을 할 수 있는 콘텐츠 편집자는 각각 $10, $15입니다. 두 사이트 플랜 모두 편집 권한이 있는 사용자는 최대 열 명으로 안내합니다. 협업 요금

유료 콘텐츠 편집자 역할은 레이아웃을 건드리지 않고 사례를 갱신해야 하는 고객에게 맞을 수 있습니다. 모든 협업자를 같은 유형의 사용자로 취급하지 말고, 실제 디자인 업무가 필요한 사람에게 전체 편집 권한을 부여하는 편이 좋습니다.

Framer 결제 도움말에 따르면 연간 사이트 구독료는 선불이며, 연간 플랜의 추가 편집자 요금과 사용량 요금은 매월 청구됩니다. 적용 요율과 실제 청구 시점을 구분해야 합니다. 결제 문서

로케일·용량·선택형 부가 기능

실시간 요금 페이지에 안내된 추가 월 요금은 다음과 같습니다. 각 항목의 앞 금액은 연간 결제 기준, 뒤 금액은 월간 결제 기준입니다.

• 번역 로케일: 추가 로케일당 $20 / $25, Basic과 Pro에서 최대 20개까지 지원합니다.
• Pro 페이지 용량: 100페이지 추가당 $20 / $30, 전체 한도는 700페이지입니다.
• Pro CMS 컬렉션: 열 개 추가당 $40 / $50, 전체 한도는 40개입니다.
• Pro CMS 항목: 10,000개 추가당 $20 / $30, 전체 한도는 40,000개입니다.
• Pro 대역폭: 100 GB 추가당 $40 / $50, 최대 2 TB까지 지원합니다.
• Pro의 Convert: 이벤트 500,000건당 $50 / $60입니다. 테스트와 측정 기능을 지원하며, 이벤트에는 페이지 조회, 추적 대상 클릭, 추적 대상 폼 제출이 포함될 수 있습니다.
• Pro의 Advanced Hosting: $200 / $250이며, Enterprise에는 포함된 것으로 안내합니다.

각각 용도가 다른 선택형 요금입니다. 모든 사업체에 필요한 묶음 상품은 아닙니다. 현재 부가 기능 요금

AI 크레딧은 공동으로 쓰며, 요청마다 소모량이 다릅니다

Framer 크레딧은 워크스페이스 전체에서 공유합니다. 사이트 플랜별 제공량은 합산되고, 편집자들은 같은 크레딧 풀을 사용합니다. Agent 채팅, Workshop 채팅, AI 번역이 크레딧을 소모합니다. 편집자 자리를 추가한다고 개인별 제공량이 새로 생기지는 않습니다. 유료 크레딧은 해당 플랜의 결제일에 갱신되며, 사용하지 않은 기본 포함 크레딧은 이월되지 않습니다. AI 크레딧 규칙

요금 페이지의 크레딧 선택 옵션에서 매월 제공량을 늘릴 수 있습니다. Basic은 월 1,00015,000크레딧, Pro는 월 3,000100,000크레딧 범위입니다. 확인한 USD 요금 계산에서는 월 정기 크레딧을 1,000씩 추가할 때 연간 결제 기준 월 $10, 월간 결제 기준 월 $15가 더해집니다. 예를 들어 월 5,000크레딧을 선택한 Pro의 총요금은 연간 결제 기준 월 $50, 월간 결제 시 월 $75입니다. 이는 사이트 플랜의 크레딧 구성을 바꾸는 옵션이며, 별도의 사이트 플랜 이름이 아닙니다. 크레딧 선택 옵션

이 크레딧을 제작 가능한 사이트 수로 환산해 보장해서는 안 됩니다. Framer는 요청에 따라 소모량이 달라진다고 설명합니다. 일회성 충전에도 활성 AI Credits 부가 기능이 필요하며, 충전분은 구매한 달의 말일에 만료됩니다. 한도에 도달하면 크레딧을 소모하는 새 요청은 중지되지만 이미 진행 중인 작업은 완료됩니다. 페이지는 첫 달 추가 크레딧을 홍보하지만, 지속적인 예산은 정상 제공량을 기준으로 잡아야 합니다.

다국어 사이트를 운영하는 소규모 팀의 실제 예산

Pro 사이트 하나에 소유자, 전체 편집 권한을 가진 프리랜서 디자이너, 콘텐츠 편집 권한을 가진 마케터, 추가 로케일 두 개가 있다고 가정합니다.

연간 결제 기준: $30 + $20 + $10 + $40 = 월 $100, 연간 $1,200입니다.

월간 결제 기준: $45 + $30 + $15 + $50 = 월 $140, 연간 $1,680입니다.

계산상 연간 차이는 $480입니다. 세금, 추가 크레딧, 외부 서비스, 그 밖의 부가 비용은 제외한 금액입니다. 계산에 사용한 값은 Framer 실시간 요금 페이지에서 가져왔습니다. 사이트 구독료만 제시하는 것보다 예산 계획에 도움이 되는 수치입니다.

이 사이트에서 한 달에 유효한 문의 열 건을 받는다고 가정하면, 모델상 문의당 플랫폼 구독 비용은 연간 결제 기준 $10, 월간 결제 기준 $14입니다. 문의 열 건은 계산을 위한 가정이며, 트래픽이나 전환 예측이 아닙니다. 고객 확보 비용과 인건비도 제외되어 있습니다. 실제 성과 건수를 넣어 사이트 운영이 비용만큼의 가치를 내는지 판단해야 합니다.

도입 결정을 바꿀 수 있는 제약

Framer의 주요 제약은 소유권 요구사항, 사용량의 불확실성, 초안을 실제로 작동하는 비즈니스 사이트로 완성하는 데 필요한 작업에 있습니다.

1. 내보내기 관련 문서의 설명이 서로 다릅니다. HTML 내보내기 전용 도움말은 Framer가 자체 호스팅 가능한 HTML 내보내기를 제공하지 않는다고 설명합니다. 반면 별도의 데이터 이동성 페이지는 게시된 HTML, CSS, JavaScript, 에셋을 다운로드해 다른 호스트로 옮길 수 있다고 설명합니다. 확인 당시 두 페이지 모두 공개되어 있었습니다. 이번 검토에서는 정상 작동하는 사이트를 다른 환경으로 옮길 수 있는 공식 지원 내보내기 방식을 확인하지 못했습니다. 호스팅 업체를 떠날 수 있어야 한다는 계약상 조건이 있다면 Framer를 선택하기 전에 실제 내보내기 시연과 기능 확인을 요구해야 합니다.

2. AI 제공량이 완성품 수량을 보장하지는 않습니다. 1,000 또는 3,000크레딧으로 완성된 웹사이트를 몇 개 만들 수 있다고 확정해 예산을 잡을 수는 없습니다. 번역과 디자인 작업이 같은 크레딧을 사용하므로 콘텐츠 발행이 몰리는 주에는 다른 작업에 쓸 수 있는 잔여량이 달라질 수 있습니다.

3. Basic은 트래픽보다 콘텐츠 구조에서 먼저 한계에 부딪힐 수 있습니다. 컬렉션 두 개라는 한도는 글, 작성자, 사례를 분리하려는 사업체에 분명한 제약입니다. 대역폭이나 첫 화면의 가격으로 판단하기 전에 콘텐츠 유형부터 세어 봐야 합니다.

4. 폼이 있다고 문의 유입 경로까지 자동으로 추적되지는 않습니다. 기본 숨김 필드는 캠페인 매개변수와 자동으로 연결되지 않습니다. 광고 캠페인부터 문의까지 이어지는 보고가 필요한 마케터라면 문서에 안내된 Enterprise 옵션이나 추가 구현을 고려해야 합니다.

5. 보기 좋은 생성 결과물이 곧 게시 가능한 사업 정보는 아닙니다. 샘플 CMS 콘텐츠, 근거 없는 후기, 모바일 레이아웃 문제, 확인하지 않은 연결 대상은 여전히 사람이 점검해야 합니다. Framer도 게시 전에 콘텐츠, 이미지, 링크, 반응형 동작을 검토하도록 권장합니다. AI는 제작 작업 일부를 덜어 주지만 사업체의 승인까지 대신하지는 않습니다.

Framer AI 리뷰 결론: 직접 편집하며 운영할 사이트에 적합합니다

Framer는 직접 편집할 수 있는 마케팅 사이트가 필요하고, 최종 디자인·콘텐츠·게시 결정을 사람이 책임지는 경우에 좋은 선택입니다. 콘텐츠 구조가 맞으면 Basic으로 시작하고, 안내된 게시 관리 기능이나 더 큰 CMS 용량이 필요하면 Pro를 고려합니다. 결정 전에 협업자와 언어 비용까지 계산해야 합니다.

기존 Webflow 디자인·콘텐츠 워크플로가 사업에 잘 맞는다면 계속 유지하는 편이 좋습니다. 핵심 결과물이 로그인, 데이터, 비즈니스 규칙을 갖춘 제품이라면 Lovable 같은 애플리케이션 빌더를 선택합니다. 사이트 사본을 외부로 옮겨 독립적으로 호스팅해야 한다면 Framer의 상충하는 문서 때문에 그 요구사항은 아직 해결되지 않은 상태입니다.

선택 기준은 명확합니다. 사이트의 애플리케이션 코드나 호스팅 환경을 직접 소유하는 것보다 AI 생성 후 화면을 보며 바로 편집하는 것이 중요하다면 Framer를 선택합니다.

다음 작업에서는 승인된 홈페이지 문구와 에셋을 준비하고, 중요한 페이지 하나의 초안을 만든 뒤, 반응형 레이아웃을 직접 수정하고 폼 제출이 제대로 전달되는지 확인합니다. 다국어 사이트라면 같은 페이지의 번역본도 검토합니다. 이 작업들이 자체 합격 기준을 충족한 뒤 유료 구성을 결정하는 편이 좋습니다.

자주 묻는 질문

Framer AI는 무료로 사용할 수 있나요?

Framer에는 $0 플랜이 있으며, 활성 구독이 없는 워크스페이스에 일회성 AI 크레딧 500개를 제공합니다. 매월 무제한으로 생성할 수 있는 것이 아니라 체험용 제공량입니다. 자체 도메인으로 게시하려면 유료 사이트 플랜이 필요합니다. 무료 플랜 상세 정보

인공지능에서 프레임이란 무엇인가요?

여기서 말하는 프레임은 제품명 Framer와 다른 의미입니다. 이 글에서 다루는 Framer AI는 웹사이트 제작 제품이며, AI 이론의 프레임 개념에 관한 질문과는 구분해야 합니다.

웹사이트 디자인을 도와주는 AI 툴에는 무엇이 있나요?

Framer와 Webflow 모두 AI를 활용한 웹사이트 디자인 기능을 문서로 안내합니다. 데이터와 사용자 계정이 있는 애플리케이션을 만들어야 한다면 Lovable도 후보가 됩니다. 먼저 어떤 유형의 제품이 필요한지 정하고, 편집과 게시 방식을 비교합니다.

Framer 개발자는 어떤 일을 하나요?

Framer 개발자는 Framer에서 웹사이트를 만들거나 확장합니다. 비주얼 레이아웃, 반응형 동작, CMS 설정, 연동 작업을 수행하고, 요구사항에 따라 맞춤 코드를 사용할 수 있습니다. Framer의 AI를 쓰더라도 이런 세부 사항을 확인할 필요가 없어지는 것은 아닙니다.

Framer에서 코드를 내보낼 수 있나요?

현재 Framer 도움말의 설명은 서로 다릅니다. HTML 내보내기 페이지는 자체 호스팅 가능한 내보내기를 지원하지 않는다고 하지만, 이동성 페이지는 사이트 파일을 다른 곳으로 옮길 수 있다고 합니다. 어느 한쪽 설명만 보고 공식 지원되는 완전한 기능의 내보내기가 가능하다고 가정해서는 안 됩니다. 제약 섹션에 연결된 문서와 도입 조건을 확인하시기 바랍니다.

Framer는 지금도 사용되는 제품인가요?

Framer는 현재 공개 제품, 최신 문서, 고객 사례, 템플릿 마켓플레이스를 운영하고 있습니다. 이 리뷰는 검증된 활성 사용자 수를 제시하지 않습니다. 도입을 검토할 때는 편집과 게시 방식이 자신의 요구사항을 충족하는지 확인하는 것이 더 유용합니다.

Framer 디자인을 HTML로 변환하려면 어떻게 하나요?

Framer 사이트를 게시하는 일과 독립적으로 호스팅 가능한 파일을 내보내는 일은 요구사항이 다릅니다. 현재 공급업체의 내보내기 문서가 서로 상충하므로, 이 리뷰에서는 검증된 자체 호스팅용 변환 절차를 안내할 수 없습니다. 다른 환경으로 가져갈 수 있는 코드가 결과물로 필요하다면 Framer를 사용하기 전에 그 조건부터 해결해야 합니다.

Framer 디자인을 WordPress로 옮기려면 어떻게 하나요?

테마로 자동 변환된다고 가정하지 말고 마이그레이션을 계획해야 합니다. Framer의 이동성 문서는 플러그인으로 CMS를 CSV나 JSON으로 내보내는 방법을 설명합니다. 하지만 디자인과 작동하는 사이트 전체가 WordPress 테마로 변환된다는 근거는 아닙니다. 이전 대상 사이트의 레이아웃과 기능은 다시 구성하고 확인해야 합니다.

Framer 웹사이트를 Figma로 내보내려면 어떻게 하나요?

문서에 안내된 방향은 Figma 레이아웃을 Framer로 가져오기입니다. Framer는 에셋·페이지를 JPG와 PNG로 내보내기도 안내합니다. 어느 쪽도 Framer 프로젝트를 편집 가능한 Figma 프로젝트로 내보낼 수 있다는 근거는 아닙니다. 스크린샷은 재사용 가능한 디자인 파일과 다릅니다.

Figma에서 HTML로 내보낼 수 있나요?

Figma Design에서는 정적 에셋 내보내기와 실제로 작동하는 웹사이트를 구분해야 합니다. 공식 정적 내보내기 문서에 안내된 형식은 이미지와 문서 형식입니다. Framer의 Figma 가져오기 과정으로 레이아웃을 호스팅된 웹사이트로 만들 수는 있지만, 별도로 가져가서 운영할 HTML을 확보할 수 있는지는 여전히 다른 문제입니다.

어떤 웹사이트 작업을 자동화하고 어떤 작업에 사람의 승인이 필요한지 판단하려면 AI 비즈니스 워크플로 점검 체크리스트를 받아 보시기 바랍니다.