Framer 홈페이지, 코딩 없이 올리는 순서와 한계

Framer(프레이머)는 디자인 캔버스에서 페이지를 그리고 버튼 하나로 게시하는 웹사이트 빌더입니다. 코딩 없이 회사 소개 · 랜딩 사이트를 올릴 수 있고 무료로 만들어 볼 수 있지만, 회사 도메인 연결과 「Made in Framer」 배지 제거는 유료 요금제부터입니다. 쇼핑 · 결제는 외부 서비스를 붙여 해결하고, HTML로 내보내 다른 서버에 올리는 기능은 없습니다. 이 글은 개발용 라이브러리가 아니라 Framer로 회사 사이트를 만드는 순서이며, 요금 · 기능은 2026년 9월 25일 공식 요금 페이지와 도움말 기준입니다.

Framer는 어떤 도구인가요

데스크톱 폭 1200px 화면에서 먼저 그리고, 브레이크포인트(화면 폭에 따라 배치를 바꾸는 기준점)를 더해 태블릿 · 휴대폰 배치를 따로 잡는 방식입니다. 페이지는 세 종류입니다 — 게시되는 웹 페이지, CMS(글 · 사례를 목록으로 관리하는 기능) 항목마다 자동으로 생기는 CMS 페이지, 게시되지 않는 디자인 페이지. 설명을 적으면 페이지를 만들어 주는 에이전트도 있고, 만든 결과는 캔버스에서 그대로 고칩니다.

회사 소개 사이트는 어떤 순서로 만드나요

여덟 단계입니다. 요금제는 늦어도 8번 도메인 연결 전에 정합니다.

1. 시작 — 템플릿을 고르거나, 에이전트 탭에 무슨 일을 하는 회사인지 · 필요한 섹션 · 분위기를 적어 초안을 만듭니다. AI 기능은 크레딧을 쓰므로, 무료 요금제에서는 한 번 주는 500 크레딧 안에서 시험합니다.
2. 반응형 — 데스크톱 배치를 먼저 끝내고, 태블릿 · 휴대폰 브레이크포인트에서 줄바꿈 · 글자 크기 · 이미지 순서를 고칩니다. 폭별로 정할 것은 반응형 홈페이지란, 화면 폭별로 무엇을 정하고 만드나의 표를 따릅니다.
3. 한글 글꼴 — 글꼴 목록의 구글 폰트 가운데 한글을 지원하는 글꼴(예: Noto Sans KR)을 고르거나, 웹 사용 허락이 있는 글꼴 파일을 Custom 탭 → Upload Fonts로 올립니다. 도움말은 .woff2 파일을 권하고, 데스크톱용 라이선스 글꼴(OTF · TTF)은 웹에 쓰지 말라고 안내합니다.
4. 기본 언어 — 사이트 설정의 General 탭에서 기본 언어를 한국어로 바꿉니다. 화면 읽기 프로그램과 검색엔진이 이 값으로 페이지 언어를 판단합니다.
5. CMS — 소식 · 사례를 컬렉션으로 만들고 상세 페이지 템플릿 하나에 연결합니다. 쓸 수 있는 컬렉션은 Basic 2개 · Pro 10개입니다.
6. 문의 폼 — 삽입 메뉴의 Forms로 폼을 넣고, 받는 곳을 이메일 · 구글 시트 · 웹훅 가운데서 고른 뒤 시험 발송합니다.
7. 검색 설정 — 페이지마다 제목 · 설명을 넣습니다. 사이트맵은 게시할 때 자동으로 생기고(/sitemap.xml), 구글 서치콘솔 소유 확인은 메타 태그를 사이트 설정의 <head> 코드 칸에 넣는 방식으로 합니다 — Framer에는 HTML 파일을 올릴 수 없다고 도움말이 적고 있습니다. 네이버 서치어드바이저도 화면에 태그로 확인하는 방식이 있으면 같은 칸에 넣습니다. 등록 순서는 구글 서치콘솔 등록, 네이버 서치어드바이저까지 순서대로에 있습니다.
8. 게시와 도메인 — Publish를 누르면 Framer가 주는 무료 주소로 먼저 게시됩니다. 유료 요금제로 바꾼 뒤, 도메인을 등록한 업체의 DNS 설정에 도움말이 알려 주는 A 레코드 2개와 www CNAME 1개를 넣습니다. 반영에는 최대 48시간이 걸릴 수 있습니다.

유료 요금제는 언제 필요한가요

무료 요금제는 Framer가 준 주소로만 게시되고 「Made in Framer」 배지가 붙으며, 요금 페이지는 이 요금제를 비상업 용도에 알맞다고 소개합니다. 회사 사이트라면 Basic부터 계산합니다.

리디렉트는 옛 주소로 들어온 방문자를 새 주소로 보내는 설정, 스테이징은 공개 전에 시험으로 게시해 보는 환경, 정적 파일은 PDF · 검증 파일처럼 그대로 올려 두는 파일입니다.

금액은 결제 주기에 따라 달라질 수 있고, 연 결제 구독에는 도메인 1개를 무상으로 받을 수 있습니다(구독당 1회). 편집자를 더하면 1명당 월 20달러, 글만 고치는 콘텐츠 편집자는 월 10달러가 붙습니다. 결제는 신용카드(일부 지역은 PayPal)로 하고, 세금은 위치에 따라 결제 단계에서 더해집니다. 페이지가 30개를 넘는지, 옛 사이트 주소를 새 주소로 넘겨야 하는지 두 가지로 Basic과 Pro를 가릅니다.

Framer로 어려운 일은 무엇인가요

• 쇼핑 · 결제 · 예약 — Framer는 비교 페이지에서 이 영역을 연동과 맞춤 작업으로 처리한다고 적습니다. 결제가 사이트의 중심이면 쇼핑몰 기능이 기본인 빌더나 솔루션을 먼저 봅니다.
• 옮기기 — 자체 호스팅용 HTML 내보내기가 없습니다. CMS 내용은 플러그인으로 CSV · JSON으로 내보낼 수 있다고 안내하므로, 원고와 이미지 원본은 Framer 밖에도 보관합니다.
• 한국어 안내 — 도움말과 요금 페이지는 영어 · 일본어로 제공되고 한국어 페이지는 없습니다. 요금도 달러로 표시됩니다. 다만 사이트 번역 기능의 지원 언어에는 한국어가 들어 있습니다.
• 파일 올리기 — 검증 파일 · PDF 같은 정적 파일은 Pro 이상에서 올립니다. Basic에서는 파일 대신 태그로 소유를 확인하는 방식을 고릅니다.
• 나눠 고치기 — 글만 고칠 직원은 콘텐츠 권한으로 초대하면 게시된 사이트에서 바로 고치고(On-page editing), 고친 내용은 게시 권한이 있는 사람이 확인해 올립니다.

직접 만들 때 자주 막히는 자리와 멈출 선은 홈페이지 직접 만들기, 어디까지 되나에 정리돼 있습니다.

다른 빌더와는 무엇으로 고르나요

도구의 우열이 아니라 사이트의 중심이 어디냐로 고릅니다.

자주 묻는 질문

무료 요금제로 회사 사이트를 운영해도 되나요?

요금 페이지는 무료 요금제를 비상업 용도에 알맞다고 소개하고, 무료로 게시하면 Framer 주소와 「Made in Framer」 배지가 붙습니다. 회사 도메인 연결도 유료 요금제부터입니다. 그래서 무료 요금제는 만들어 보고 내부에서 검토하는 단계까지 쓰고, 공개할 때 Basic 이상으로 바꿉니다.

한글 글꼴이 늦게 뜨면 어떻게 하나요?

Framer 도움말은 구글 폰트를 권합니다 — 글꼴을 글자 묶음으로 나눠(서브셋) 불러와 빨리 뜬다는 설명입니다. 직접 올린 한글 글꼴 파일은 글자 수가 많아 용량이 크므로, 휴대폰으로 첫 화면을 열어 기본 글꼴에서 바뀌는 순간이 눈에 띄는지 봅니다. 눈에 띄면 본문은 구글 폰트의 한글 글꼴로 두고, 올린 글꼴은 제목에만 씁니다.

제작사가 만든 Framer 사이트를 넘겨받으려면 어떻게 하나요?

프로젝트 이전(File → Transfer Project)으로 소유권을 넘겨받습니다. 이전하는 동안에도 사이트는 열려 있고 연결된 도메인도 그대로입니다. 넘겨받는 쪽이 수락하면 기존 요금제는 해지되고 남은 기간은 원래 소유자에게 크레딧으로 돌아가므로, 새 소유자가 요금제를 골라 결제합니다. 이전은 프로젝트 소유자나 워크스페이스 관리자만 시작할 수 있습니다.

오늘 할 일

만들 사이트의 페이지 목록을 적고 개수를 세십시오. 30개 안이고 옛 주소를 넘길 일이 없으면 Basic, 그렇지 않으면 Pro가 기준입니다. 요금제가 정해지면 쓸 수 있는 CMS 컬렉션 수(2개 · 10개)도 따라 정해져, 소식 · 사례 메뉴를 몇 개 둘지까지 결정됩니다.