홈페이지 제작 툴 비교: Webflow와 Framer의 가격·CMS·운영 방식

홈페이지 제작 툴을 고를 때, 콘텐츠 체계를 확장하며 운영할 기업 웹사이트라면 Webflow가 적합합니다. 디자이너가 마케팅 사이트를 맡아 디자인을 자주 수정한다면 Framer가 더 잘 맞습니다. Webflow와 Framer를 비교할 때 가장 먼저 확인할 실무적인 기준은 Framer Basic의 CMS 컬렉션 2개 제한입니다. 작은 블로그와 고객 사례 모음을 운영하기에는 충분하지만, 콘텐츠 유형이 하나 더 늘어나면 필요한 요금제가 달라집니다. 결국 Framer와 Webflow 중 무엇을 고를지는 기능만큼이나 누가 사이트를 책임지고 운영할지에 달려 있습니다.

홈페이지 제작 툴 비교: Webflow와 Framer 중 무엇을 고를까요?

콘텐츠 발행이 정기적인 업무라면 Webflow를, 디자인을 반복해서 다듬는 일이 핵심이라면 Framer를 선택합니다. 둘 다 호스팅과 CMS를 제공하는 비주얼 웹사이트 제작 툴입니다. CMS는 재사용할 콘텐츠를 페이지 레이아웃과 분리해 저장하는 시스템입니다.

디자이너가 제품 페이지와 캠페인 출시, 소규모 인사이트 콘텐츠를 관리하는 회사의 창업자라면 Framer가 더 잘 맞습니다. 직접 편집할 수 있는 캔버스, 재사용 가능한 컴포넌트, Pro의 브랜치 미리보기가 이런 협업 방식을 뒷받침합니다. 브랜치는 변경 사항을 메인 프로젝트에 합치기 전에 검토할 수 있는 별도 버전입니다.

아티클, 작성자, 고객 사례, 산업별 콘텐츠, 자료실을 관리하는 마케팅 책임자라면 Webflow를 우선 고려할 만합니다. 기본 제공 콘텐츠 용량, 구조화된 템플릿, 권한 범위를 제한한 콘텐츠 편집 역할이 다른 사람에게 발행 업무를 넘기는 데 더 적합합니다.

에이전시라면 고객 결제, 콘텐츠 권한, 반복 가능한 사이트 운영이 중요할수록 Webflow가 유리합니다. 고객사에 디자인 담당자가 있고 사이트를 계속 직접 수정하려 한다면 Framer가 낫습니다. 자체 호스팅에서 완전히 작동하는 CMS가 필수라면, 두 툴이 홍보하는 내보내기 기능만으로 도입을 결정해서는 안 됩니다.

2026년 10월 17일 양사의 공식 가격 페이지와 문서를 기준으로 확인했습니다. 이 글은 문서에 명시된 기능과 업무 조건별 비용 계산을 다룹니다. 직접 사용하며 속도나 성능을 측정한 벤치마크는 아닙니다. 아래 가격은 연간 결제를 선택했을 때의 세전 월 환산 금액이며, 통화는 USD입니다. 출처: Webflow 요금, Framer 요금, Webflow 현행 요금제 안내.

업무가 달라지면 추천도 달라집니다. 편집자에게 재사용할 템플릿과 연관 콘텐츠, 디자이너 없이도 이해할 수 있는 권한 체계가 필요해지는 순간, 보기 좋은 캠페인 사이트는 콘텐츠 발행 시스템으로 바뀝니다.

디자인 담당자가 자주 수정하는 사이트라면 Framer

레이아웃과 반응형 동작, 다음 캠페인까지 같은 사람이 책임진다면 Framer가 유리합니다. Framer의 캔버스에서는 컴포넌트, 스타일, 브레이크포인트를 디자인 작업 가까이에서 다룹니다. 브레이크포인트는 화면 너비에 따라 레이아웃이 바뀌는 기준점입니다. Pro는 CMS와 AI 변경 사항을 포함해 프로젝트 전체를 브랜치로 나누고 미리 볼 수 있습니다. 콘텐츠도 발행하는 기업 사이트에서 Framer를 후보로 검토할 구체적인 이유입니다. Framer 워크플로 안내

Webflow는 재사용 가능한 웹 시스템을 관리하려는 디자이너에게 맞습니다. 컴포넌트와 클래스 기반 스타일을 쓰므로 사이트 구조 자체도 디자인 작업의 일부가 됩니다. 여러 템플릿에 걸쳐 일관성을 유지하는 데 유용하지만, 운영자가 관리해야 할 구조도 그만큼 늘어납니다. Webflow 리뷰에서는 이처럼 운영 책임에 따라 생기는 장단점을 더 자세히 살펴봅니다.

두 빌더에 같은 요구사항을 적용해 보겠습니다. B2B 컨설팅 회사에 메인 페이지, 서비스 페이지, 고객 사례, 인사이트, 문의 경로가 필요하다고 가정합니다. 아래는 디자인 검토 과정을 설명하기 위한 예시이며, 실제 생성 결과라고 제시하는 것은 아닙니다.

개선 전: 보기 좋은 메인 페이지 시안이 서비스, 고객 사례, 아티클에 똑같은 카드를 반복해서 씁니다. 제목 길이는 제각각이고, 문의 버튼은 커다란 애니메이션 아래로 밀려납니다. 고객 사례를 추가할 때마다 레이아웃을 다시 손봐야 합니다.

개선 후: 서비스를 찾는 탐색 경로가 명확해지고, 고객 사례에는 전용 콘텐츠 템플릿을 씁니다. 핵심 문의 버튼은 모바일에서도 잘 보입니다. 컴포넌트의 여백과 글자 스타일은 일관되게 맞춥니다. 고객 사례 템플릿에 고객의 문제, 근거, 성과를 입력하는 필드를 마련하면 다음 사례를 발행할 때 페이지를 다시 만들 필요 없이 콘텐츠만 바꾸면 됩니다.

이런 개선을 계속 디자이너가 맡는다면 Framer가 매력적입니다. 반면 레이아웃에 손댈 필요가 없는 마케터가 다음 고객 사례를 발행해야 한다면 Webflow의 장점이 더 커집니다.

완성도를 판단하는 기준은 같습니다. 실제 문구가 레이아웃에 맞아야 하고, 제목은 페이지 내용을 설명해야 합니다. 조작 요소는 키보드로도 쓸 수 있어야 하며, 모션은 메시지 전달을 도와야 하고, 폼은 문의를 제대로 전달해야 합니다. 잘 다듬은 데스크톱 목업만으로 기업 웹사이트가 완성되지는 않습니다. 실제 운영자가 이 기준을 유지할 수 있는 빌더를 선택합니다.

CMS와 SEO: 콘텐츠 운영 규모가 크다면 Webflow

콘텐츠가 많은 사이트에서는 Webflow가 유리합니다. 기본 제공 용량과 편집 워크플로가 체계적인 발행 업무를 운영할 여유를 더 많이 주기 때문입니다. Webflow CMS는 컬렉션을 연결하는 참조 필드, CSV 가져오기, 필터링, 정렬, API 접근을 지원합니다. 아티클에 작성자와 산업 정보를 매번 직접 적는 대신 해당 데이터를 참조하도록 연결할 수 있습니다. Webflow CMS

콘텐츠 개수만큼 유형의 수도 중요합니다

컬렉션은 콘텐츠의 유형이고, 항목은 그 안에 들어가는 개별 데이터입니다. 사이트의 페이지 수가 적더라도 아티클, 작성자, 고객 사례는 서로 다른 컬렉션입니다.

Framer Basic에는 컬렉션 2개와 항목 1,000개가 포함됩니다. Pro는 컬렉션 10개와 항목 2,500개를 제공합니다. Pro는 애드온으로 컬렉션 40개와 항목 40,000개까지 확장할 수 있습니다. 명시된 추가 단위와 가격은 컬렉션 10개당 월 $40, 항목 10,000개당 월 $20입니다. 사이트 페이지 수 제한은 별도이며, 확장 전 기준 Basic은 30개, Pro는 150개입니다. 이는 요금제별 제공 한도이지, Framer로 작은 블로그만 운영할 수 있다는 뜻은 아닙니다. Framer 요금

Webflow Premium에는 컬렉션 40개, CMS 항목 20,000개, 정적 페이지 300개가 포함됩니다. 기존 CMS 및 Business Site 요금제는 Premium으로 통합됐습니다. 따라서 새로 도입한다면 예전 요금제 구성을 그대로 전제하지 말고 현행 요금제를 기준으로 판단해야 합니다. Webflow 요금제 안내

Framer도 컬렉션 간 참조, 동적 상세 페이지, CSV를 활용한 콘텐츠 워크플로를 지원합니다. 선택한 요금제에서 어느 정도의 콘텐츠 구조를 수용할 수 있는지, 편집자가 어떻게 관리하는지, 확장 비용이 예산에 맞는지를 기준으로 CMS를 평가합니다. Framer CMS

아티클, 작성자, 산업, 서비스, 고객 사례를 운영하는 컨설팅 회사라면 요금제를 고르기 전에 이 데이터들의 관계부터 설계해야 합니다. 비용을 줄이려고 모든 데이터를 하나의 컬렉션에 몰아넣으면 이후 필터를 만들거나 템플릿을 바꾸고 콘텐츠를 수정할 때마다 추가 작업이 생길 수 있습니다.

두 빌더 모두 실용적인 SEO 설정을 제공합니다

콘텐츠 운영 규모가 크면 Webflow가 앞서고, Framer는 일반적인 기업 사이트에 필요한 핵심 기능을 갖추고 있습니다. 어느 플랫폼을 선택하든 검색 순위가 보장되지는 않습니다.

Framer는 페이지와 CMS의 제목·설명, 자동 사이트맵과 robots.txt, 시맨틱 태그, 이미지 대체 텍스트, JSON-LD 구조화 데이터, 리디렉션을 지원한다고 안내합니다. 구조화 데이터는 기계가 콘텐츠를 이해하도록 설명하는 형식이며, 리디렉션은 이전 주소의 방문자를 새 주소로 보냅니다. 현행 요금제에서 리디렉션은 Pro 기능이므로 기존 기업 사이트를 이전한다면 이 차이가 중요합니다. Framer SEO 가이드

Webflow는 CMS 기반 메타데이터, 색인 설정, 사이트맵 생성, 리디렉션 관리, AI 지원을 갖춘 전용 스키마 설정을 안내합니다. 마케팅 책임자에게는 템플릿 전반에 일관된 규칙을 적용하고, 편집자가 그 규칙 안에서 콘텐츠를 수정하게 할 수 있다는 이점이 있습니다. Webflow SEO 설정

예를 들어 산업별 랜딩 페이지를 운영하려면 페이지마다 고유한 제목, 해당 지역에서 유용한 근거, 올바른 내부 링크, 오래된 페이지를 정리할 방법이 필요합니다. 기본 페이지는 두 빌더 모두 만들 수 있습니다. 콘텐츠가 계속 늘어나는 가운데 이런 페이지를 지속적으로 관리하는 일이 핵심이라면 Webflow를 추천합니다. 디자이너가 가치 있는 소수의 페이지를 책임지는 경우에는 Framer도 충분히 검토할 만합니다.

협업과 고객 인계: 에이전시 운영에는 Webflow

고객 결제와 사이트 관리를 분리해야 하는 에이전시에는 Webflow가 유리합니다. 브랜치의 디자인 변경 사항을 쉽게 검토하는 기능만 놓고 보면 Framer가 앞섭니다. 두 가지는 서로 다른 업무입니다.

Webflow의 Content editor 역할은 텍스트, 이미지, 링크, CMS 콘텐츠, 페이지별 SEO를 수정할 수 있으며, 발행은 부여받은 권한에 따라 가능합니다. 사이트의 스타일, 구조, 디자인 시스템, 컬렉션 정의는 바꿀 수 없습니다. 고객에게 업무를 넘길 때 유용한 경계입니다. 마케터는 고객 사례의 템플릿을 다시 디자인하지 않고도 새 사례를 발행할 수 있습니다. Content editor 가이드

Webflow의 Freelancer 및 Agency Workspace는 고객 직접 결제를 지원합니다. 에이전시가 사이트 관리를 계속 맡으면서 고객이 Site 요금제와 애드온 비용을 직접 낼 수 있습니다. 이 요금제들은 유료 사이트를 고객의 Workspace로 이전할 때 요금제를 낮추거나 사이트 운영을 중단하지 않아도 되도록 지원합니다. 비용을 누가 내는지와 프로젝트를 누가 소유하는지는 별도로 결정할 사항입니다. 고객 결제 안내

Framer에도 콘텐츠 편집자 역할과 프로젝트 단위 접근 권한이 있습니다. 세부 권한 설정을 지원하는 요금제에서는 Design, Content, Deploy 권한을 나눌 수 있습니다. 이 중 Deploy는 변경 사항을 실제 사이트에 반영하는 권한입니다. 캠페인 검토를 받아야 하는 디자이너에게 Pro의 브랜치 미리보기는 실질적인 장점입니다. Webflow는 훨씬 큰 구성의 Team 플랫폼 번들에 페이지 브랜칭을 포함합니다. 따라서 Webflow가 관리·통제 기능이 더 많다는 이유만으로 모든 검토 기능을 더 저렴하게 쓸 수 있다고 생각해서는 안 됩니다. Framer 권한 안내, Webflow Team 상세 안내

Framer 프로젝트를 이전해도 사이트와 연결된 도메인은 계속 온라인 상태를 유지합니다. 다만 수신자가 이전을 수락하면 기존 구독이 취소되고, 남은 이용분은 기존 소유자에게 크레딧으로 적립됩니다. 새 소유자는 필요한 경우 유료 요금제를 활성화해야 합니다. 인계 과정에 이 결제 변경 절차도 포함합니다. Framer 프로젝트 이전 안내

인계를 완료하기 전에 고객이 자기 계정으로 실제 콘텐츠를 수정하고, 미리 보고, 발행하게 합니다. 누가 도메인을 관리하는지, 누가 청구서를 받는지, 누가 변경 사항을 공개할 수 있는지 기록합니다. 로그인이 된다는 사실만으로는 충분히 검증했다고 보기 어렵습니다.

AI 활용: 디자인 수정은 Framer, 체계적인 콘텐츠 작업은 Webflow

AI로 디자인을 반복 개선하려면 Framer를, 이미 갖춰진 콘텐츠 운영 체계에 AI를 활용하려면 Webflow를 추천합니다. 문서에 명시된 기능을 바탕으로 업무 방식에 맞춰 내린 판단입니다. 어느 모델이 더 나은 디자인을 만든다는 주장은 아닙니다.

Framer Agents는 캔버스에서 레이아웃, 콘텐츠, 인터랙션, 코드를 직접 만들고 수정할 수 있습니다. 문서는 섹션별로 작업하고, 변경을 요청하기 전에 해당 영역을 선택하도록 권장합니다. 승인된 내비게이션을 유지하면서 컨설팅 회사의 서비스 섹션을 고치는 것처럼 범위가 명확한 작업에 AI를 활용하기 좋습니다. Framer Agent 가이드

Webflow AI에는 사이트 생성, 섹션 작업 지원, 문구와 CMS 콘텐츠 생성, 코드 컴포넌트, SEO/AEO 개선 툴이 포함됩니다. AEO는 답변 시스템이 콘텐츠를 더 쉽게 이해하고 활용하도록 만드는 작업입니다. 이 기능들은 반복해서 쓸 콘텐츠의 초안을 만들고 빠진 내용을 찾는 데 도움이 될 수 있습니다. 다만 사용 가능 여부는 요금제와 기능에 따라 다릅니다. Webflow AI

어느 툴도 지어낸 고객 성과가 사실인지, 어디서나 볼 법한 서비스 페이지가 우리 사업을 제대로 설명하는지 판단해 주지는 못합니다. 생성한 문구는 초안으로 다루고, 발행 전에 반응형 레이아웃과 폼, 콘텐츠 간 연결 관계를 점검합니다.

1. 1

   승인된 작업 지침과 자료를 AI에 제공합니다

   컨설팅 회사 예시라면 실제 서비스 내용, 승인된 문구, 브랜드 자료, 페이지에서 유도할 행동을 제공합니다. 사이트 전체로 범위를 넓히기 전에 한 섹션부터 요청합니다.

2. 2

   수정 범위를 정합니다

   Framer에서는 Properties 패널에서 Agent를 열고, 섹션을 선택한 뒤 프롬프트를 입력합니다. 예를 들면 다음과 같이 요청할 수 있습니다. “제공한 문구로 이 서비스 섹션을 수정해 주세요. 내비게이션, 타이포그래피, 기존 컴포넌트는 유지해 주세요. 모바일에서도 문의 버튼이 보이게 해 주세요. 고객 이름이나 성과를 지어내지 마세요.”

3. 3

   콘텐츠 모델과 완성된 페이지를 검토합니다

   어떤 필드를 재사용할 CMS 콘텐츠로 관리해야 하는지 확인합니다. 그런 다음 좁은 화면과 실제로 쓰일 법한 긴 제목을 적용해 페이지를 검토합니다. 폼과 링크의 목적지를 확인하고, 승인된 변경 사항을 공개하기 전에 브랜치나 미리보기로 검토합니다.

Framer AI 가이드에서는 초안을 생성하는 일과 완성된 웹사이트를 책임지고 운영하는 일의 차이를 더 자세히 다룹니다.

Framer의 AI 크레딧은 워크스페이스와 편집자들이 공동으로 사용합니다. Webflow도 Workspace 단위로 크레딧을 공유하지만, 기능과 계정 유형에 따라 크레딧 규정이 다릅니다. Framer 크레딧 조건 두 서비스의 크레딧 수를 같은 작업량으로 환산할 수는 없습니다. 대표 크레딧 제공량만 비교해 툴을 고르지 않습니다.

같은 기업 사이트로 비교한 Framer와 Webflow 가격

소규모 CMS 사이트는 Framer가 저렴합니다. 콘텐츠 구조가 커지면 Webflow가 더 저렴해질 수 있고, 대역폭에 따라 결과가 다시 바뀝니다. 제대로 비교하려면 동일한 운영 조건을 정하고 그 조건에 필요한 기능만 포함해야 합니다.

아래 요금은 확인일 기준 양사의 연간 결제 가격을 월 단위로 환산한 금액입니다. 월간 결제 가격은 다를 수 있습니다. 별도 표시가 없는 한 계정, 로케일, 커머스와 기타 애드온 비용은 별도입니다.

Framer 가격

• Free: $0, 평가용 Framer 도메인을 제공합니다. 커스텀 도메인에는 유료 요금제가 필요합니다.
• Basic: 월 $10, 사이트 페이지 30개, CMS 컬렉션 2개, 항목 1,000개, 대역폭 50 GB를 제공합니다.
• Pro: 월 $30, 사이트 페이지 150개, 컬렉션 10개, 항목 2,500개, 대역폭 100 GB에 리디렉션, 스테이징, 브랜치 미리보기가 포함됩니다.
• Enterprise: 별도 견적, 맞춤 한도와 기업용 접근 제어를 제공합니다.
• 추가 인원: 추가 편집자는 월 $20, 콘텐츠 편집자는 월 $10입니다. 뷰어는 무료이며 워크스페이스 소유자는 기본으로 포함됩니다.

출처: Framer 공식 가격 페이지.

Webflow 가격: Site와 Workspace 요금제

• Starter Site: 무료, Webflow 서브도메인, 정적 페이지 2개, 평가용으로 제한된 CMS를 제공합니다.
• Basic Site: 월 $15, 정적 페이지 300개와 대역폭 10 GB를 제공하며 CMS는 없습니다.
• Premium Site: 월 $25, 컬렉션 40개, CMS 항목 20,000개, 정적 페이지 300개, 대역폭 50 GB를 제공합니다.
• Team 플랫폼: 연간 계약 기준 월 $2,500, Localize와 발행 워크플로를 포함한 Site 및 Workspace 번들입니다.
• Enterprise 플랫폼: 별도 견적, 고급 관리·통제 기능과 맞춤 구성을 제공합니다.
• Starter Workspace: 무료, Full seat 하나를 포함합니다. 혼자 운영하는 유료 호스팅 사이트에 충분합니다.
• Core Workspace: 월 $19, 코드 내보내기, Shared Libraries, 더 넉넉한 스테이징 용량을 추가합니다.
• Growth Workspace: 월 $49, 무제한 스테이징, 사이트별 역할, 발행 권한을 추가합니다.
• Freelancer Workspace: 월 $16, 고객 결제와 고객 Workspace의 게스트 접근을 지원하며, 사이트당 무료 client seat 하나를 제공합니다.
• Agency Workspace: 월 $35, 사이트당 무료 client seat 세 개와 발행 권한을 포함합니다.
• 추가 인원: 연간 결제 기준 Full seat는 월 $39, Limited seat는 월 $15입니다. 검토자는 무료입니다.

출처: Webflow 공식 가격 페이지. Site 요금제는 사이트 자체에 드는 비용이고, Workspace 요금제는 그 사이트를 만드는 작업 환경에 드는 비용입니다. 유료 Workspace는 해당 기능이 필요해질 때 선택하면 됩니다.

어느 조건에서 더 저렴한 툴이 바뀔까요?

가상의 기준 사이트를 정해 보겠습니다. 운영자는 한 명이며, 커스텀 도메인을 사용하는 영어 사이트 하나에 정적 페이지 20개와 CMS 항목 500개가 있습니다. 추가 편집자, 현지화, 쇼핑몰, 코드 내보내기, 사이트 검색, 브랜칭, 리디렉션은 필요하지 않습니다. 인건비, 도메인 갱신비, 세금을 제외한 구독료 비교입니다.

컬렉션이 2개이고 월 대역폭이 50 GB 이하라면 Framer Basic은 $10에 조건을 충족합니다. Webflow는 Basic에 CMS가 없으므로 $25인 Premium이 필요합니다. Framer가 월 $15 저렴합니다.

다른 조건은 그대로 두고 콘텐츠 구조만 컬렉션 3개로 바꿔 보겠습니다. Framer는 $30인 Pro가 필요하지만, Webflow는 $25로 유지됩니다. 이번에는 Webflow가 월 $5 저렴합니다.

컬렉션 3개를 유지한 채 월 대역폭을 100 GB로 늘리면 Framer Pro는 여전히 $30입니다. Webflow Premium에는 대역폭 50 GB를 추가하는 $20 애드온이 필요해 $25 + $20 = $45가 됩니다. 다시 Framer가 월 $15 저렴해집니다. 계산 근거: Framer 요금, 대역폭 FAQ를 포함한 Webflow 요금.

실무적으로는 대표 가격을 비교하기 전에 컬렉션, 트래픽, 인원부터 계산해야 합니다. 이전에 리디렉션이 필요하거나 디자이너에게 브랜치가 필요하다면 이미 기준 조건이 달라집니다. 작은 구독료 차이보다 실제 담당자가 운영할 수 있는 업무 방식이 더 중요합니다.

현지화와 이커머스는 따로 판단해야 합니다

다국어 콘텐츠 운영에는 Webflow가 유리합니다. 디자이너가 맡는 다국어 마케팅 사이트라면 Framer도 좋은 후보입니다. 자체 커머스 기능은 Webflow가 앞서지만, 현지화에는 중요한 제약이 있습니다.

현지화는 언어나 지역에 맞게 사이트를 조정하는 작업입니다. 필요에 따라 콘텐츠, 이미지, URL도 바꿉니다. Framer의 로케일 워크플로는 번역한 텍스트와 이미지를 지원하며, 문서에는 페이지 경로와 CMS 슬러그를 번역하는 방법이 나와 있습니다. Webflow는 CMS 콘텐츠, 페이지 SEO, Open Graph 설정의 현지화를 지원합니다. Open Graph 설정은 링크를 공유할 때 표시되는 제목, 설명, 이미지입니다. Framer 현지화 경로 안내, Webflow 현지화 페이지 설정

관련 애드온 요금은 다음과 같습니다.

• Framer 번역 로케일: 로케일당 월 $20, Basic 또는 Pro에서 최대 20개를 지원합니다. Framer 요금
• Webflow Localize Essential: 추가 로케일당 월 $9부터, 최대 3개를 추가할 수 있으며 CMS와 현지화된 SEO를 포함합니다. Webflow 요금
• Webflow Localize Advanced: 추가 로케일당 월 $29부터, 최대 10개를 추가할 수 있으며 에셋·URL 현지화와 방문자 자동 라우팅을 추가로 제공합니다. Webflow 요금

다른 언어로 캠페인을 운영하려면 문장만 번역해서는 부족합니다. 해당 언어에 능숙한 검토자와 내비게이션, 페이지 경로, 메타데이터, 폼, 실제 제안 내용을 확인합니다. Webflow의 저렴한 로케일 시작 가격에 Advanced의 모든 기능이 포함되는 것은 아닙니다.

커머스의 경우 Webflow는 자체 장바구니, 결제, 상품, 주문 관리 기능을 제공합니다. Framer가 안내하는 마켓플레이스 방식에는 Framer 쇼핑몰 화면을 Shopify와 연결하는 Frameship 같은 연동 툴이 있습니다. 별도 커머스 서비스가 필요하고 플러그인 비용도 들 수 있으므로, Framer Site 구독료가 쇼핑몰 운영비의 전부는 아닙니다. Webflow Ecommerce 개요, Frameship 소개

Webflow의 전용 Ecommerce 요금제는 다음과 같습니다.

• Standard: 연간 결제 기준 월 $29, 이커머스 항목 500개, Webflow 거래 수수료 2%입니다.
• Plus: 연간 결제 기준 월 $74, 이커머스 항목 5,000개, Webflow 거래 수수료 0%입니다.
• Advanced: 연간 결제 기준 월 $212, 이커머스 항목 15,000개, Webflow 거래 수수료 0%입니다.

출처: Webflow Ecommerce 요금. Webflow 수수료가 0%라는 것은 결제 처리까지 무료라는 뜻이 아닙니다.

도입을 가를 수 있는 제약이 있습니다. Webflow 문서에 따르면 Ecommerce 상품, 카테고리, 페이지는 Localize로 현지화할 수 없습니다. 자체 커머스와 자체 현지화 기능이 모두 있다고 해서 다국어 쇼핑몰 전체가 작동할 것이라고 가정해서는 안 됩니다. 여러 시장을 대상으로 판매하는 것이 핵심 사업이라면 마케팅 사이트를 디자인할 툴보다 커머스 구조를 먼저 결정해야 합니다.

코드 내보내기와 이전: Webflow는 범위가 제한적이지만 절차가 명확합니다

문서에 명시된 정적 코드 내보내기는 Webflow가 앞섭니다. 다만 어느 툴이든 CMS가 그대로 작동한 채 이전될 것이라는 막연한 기대만으로 구매해서는 안 됩니다.

Webflow에서 코드를 내보내려면 유료 Workspace가 필요합니다. 유료 Site 요금제만으로는 사용할 수 없습니다. 문서에 안내된 경로는 Main menu → Code export → Prepare ZIP → Download ZIP입니다. 내보낸 파일에는 HTML, CSS, JavaScript와 에셋이 들어 있습니다. 작동 가능한 CMS 및 Ecommerce 데이터베이스와 기능, 현지화된 콘텐츠, 코드 컴포넌트, 폼 처리, 사이트 검색, 비밀번호 보호는 포함되지 않습니다. 콘텐츠는 CSV로 따로 내보낼 수 있습니다. Webflow 내보내기 안내

Framer의 공식 문서는 서로 일치하지 않습니다. HTML 내보내기 전용 FAQ는 자체 호스팅용 HTML 내보내기나 정적 웹사이트 번들을 제공하지 않는다고 설명합니다. 반면 데이터 이동성 안내는 공개된 HTML, CSS, JavaScript와 에셋을 내려받아 다른 호스팅으로 옮길 수 있고, CMS 데이터는 플러그인으로 내보낼 수 있다고 안내합니다.

이 설명만으로는 편집 가능한 사이트 전체를 내보내는 명확하고 공식 지원되는 절차가 확인되지 않습니다. 자체 호스팅이 도입 조건이라면 Framer에 정확한 절차와 이전 후에도 작동하는 기능을 시연해 달라고 요청해야 합니다. 공개된 결과물을 내려받고 콘텐츠를 내보내는 것은 디자인 프로젝트, CMS 편집 기능, 호스팅 서비스를 함께 이전하는 일과 다릅니다.

Webflow에서 Framer로, 또는 반대로 옮기려면

지속적으로 맞지 않는 업무 방식을 해결하기 위해 이전해야 합니다. 다른 캔버스를 써 보고 싶거나 월 비용을 조금 아끼려는 이유만으로 옮기지는 않습니다. 이전에는 사이트 재구축과 콘텐츠 마이그레이션이 필요하며, URL과 업무 기능도 확인해야 합니다.

1. 1

   운영 중인 사이트의 구성을 정리합니다

   페이지, 컬렉션 필드, 데이터 관계, 에셋, 폼, 연동 서비스, 언어별 버전, 중요한 URL을 목록으로 만듭니다. 각 서비스를 누가 소유하는지, 어떤 기능이 계속 작동해야 하는지도 기록합니다.

2. 2

   가장 까다로운 템플릿부터 검증합니다

   대표적인 고객 사례, 아티클, 디렉터리 페이지를 이전할 플랫폼에서 다시 만듭니다. 전체 콘텐츠를 옮기기 전에 참조 관계, 필터링, 긴 본문, 모바일 동작을 확인합니다.

3. 3

   콘텐츠를 옮기고 기존 경로를 유지합니다

   지원되는 구조화 형식으로 콘텐츠를 내보내고, 필드와 관계를 대응시킨 뒤 새 플랫폼의 템플릿을 다시 만듭니다. 가능한 한 URL을 유지하고, 바뀌는 주소에는 리디렉션을 계획합니다. Webflow 가격 FAQ에 따르면 내보낸 코드는 Webflow 프로젝트로 다시 가져올 수 없습니다. 따라서 Webflow로 돌아올 때도 재구축 비용을 잡아야 합니다.

4. 4

   도메인을 바꾸기 전에 인계 과정을 점검합니다

   폼, 사용하는 경우의 검색 기능, 분석 도구, 현지화 경로, 고객의 발행 권한을 테스트합니다. 원상 복구 계획을 준비하고, 이전할 사이트가 이 검증을 통과한 뒤에만 도메인을 전환합니다.

콘텐츠 모델과 편집자 인계가 이미 잘 작동하고 불만이 주로 오래된 디자인이라면 Webflow를 유지하는 편이 낫습니다. 디자이너가 안정적으로 사이트를 업데이트하고 CMS도 요구에 맞는다면 Framer를 유지합니다. 회사가 성장한다고 반드시 빌더를 바꿔야 하는 것은 아닙니다. 어느 쪽이든 현재 플랫폼 안에서 디자인을 새로 하는 편이 운영에 미치는 영향을 줄이면서 문제를 해결할 수 있습니다.

자주 묻는 질문

Framer는 CMS로 쓰기에 괜찮나요?

그렇습니다. Framer는 구조화된 컬렉션, 참조 관계, 동적 상세 페이지를 지원합니다. 디자이너가 콘텐츠를 보여주는 방식을 책임질 때 잘 맞습니다. 기본 제공 컬렉션·항목 한도와 유료 확장 범위를 구분해서 확인하고, 대규모 콘텐츠를 옮기기 전에 Webflow의 편집 워크플로와 비교합니다.

Webflow는 기업 웹사이트에 적합한가요?

그렇습니다. 특히 콘텐츠를 정기적으로 발행하고, 템플릿을 재사용하며, 디자이너가 아닌 편집자가 참여하는 기업 웹사이트에 적합합니다. 다만 디자인 시스템과 콘텐츠 모델을 관리할 담당자가 있어야 그 가치를 살릴 수 있습니다. 콘텐츠 규모는 작지만 디자인 실험을 자주 해야 하는 창업자라면 Framer를 더 선호할 수 있습니다.

Webflow보다 나은 툴은 무엇인가요?

이 비교에서는 직접적인 비주얼 편집과 디자이너가 맡는 마케팅 업데이트가 핵심일 때 Framer가 더 낫습니다. 콘텐츠 운영과 에이전시의 고객 인계가 중심이라면 Webflow가 더 적합합니다. 자체 호스팅이 필요해 Framer를 고르려 한다면, 서로 상충하는 내보내기 문서의 내용을 먼저 확인해야 합니다.

AI 비즈니스 워크플로 점검 체크리스트를 받아 보세요. 그런 다음 빌더를 고르기 전에, 다음 웹사이트 업데이트에서 누가 디자인하고, 편집하고, 승인하고, 발행할지 정리합니다.