Framer

Framer

프레이머

AI 디자인Mid모켓지수 기준

소개

Framer는 노코드 웹사이트 빌더로, AI 레이아웃 생성(Wireframer) 기능을 통해 빈 캔버스 없이 웹사이트를 시작할 수 있습니다. 반응형 레이아웃, 고급 애니메이션·인터랙션, 내장 CMS, 실시간 협업을 지원하며 Figma 디자인을 HTML로 변환하는 기능도 제공합니다. SEO 설정, Google Lighthouse 최적화, 자체 호스팅이 포함되어 별도 서버 없이 원클릭 배포가 가능합니다. 최근에는 캔버스에서 직접 동작하는 AI 에이전트와, 변경 사항을 별도 브랜치에서 검토·병합하는 브랜칭 기능도 추가되었습니다. 랜딩 페이지, 포트폴리오, 스타트업 사이트 등 비주얼 중심 웹사이트에 특히 적합합니다.

장점

  • Wireframer AI로 텍스트만으로 웹사이트 레이아웃 자동 생성
  • 코드 없이 고급 애니메이션·인터랙션·전환 효과 구현
  • SEO 최적화·자체 호스팅·커스텀 도메인 올인원 제공
  • Figma 디자인을 실제 웹사이트 HTML로 변환 가능
  • Free 플랜에서 1,000페이지·10 CMS 컬렉션까지 무료

단점

  • 에디터 UI가 영어 전용으로 한국어 미지원
  • 커스텀 도메인·AI 디자인 도구는 Basic 이상 유료 플랜 필요
  • WordPress·Webflow 대비 플러그인·템플릿 생태계가 작음
  • 로그인·DB 연동 등 복잡한 웹 애플리케이션에는 부적합

핵심 기능

AI 레이아웃 생성

Wireframer AI가 텍스트 설명으로 웹사이트 레이아웃과 컴포넌트를 자동 생성합니다.

노코드 디자인

코드 없이 반응형 레이아웃, 애니메이션, 인터랙션, 전환 효과를 구현합니다.

내장 CMS

관계형 CMS로 블로그·콘텐츠 페이지를 직접 관리하고 업데이트할 수 있습니다.

실시간 협업

팀원과 동시에 캔버스에서 작업하며 자동 저장·알림 기능을 제공합니다.

SEO·성능 최적화

SEO 메타데이터 설정, Google Lighthouse 최적화, 고속 호스팅이 내장되어 있습니다.

A/B 테스트·애널리틱스

트래픽 추적, 전환율 분석, A/B 테스트, 퍼널 분석 기능을 제공합니다.

Figma 임포트

Figma 디자인을 실제 웹사이트 HTML로 변환하여 배포할 수 있습니다.

공식 사이트 2026-07-22 검증

요금제

2026-07-22 기준

Free

₩0

  • 500 크레딧 체험
  • 1GB 대역폭
  • 디자인 페이지
  • Framer 무료 도메인

Basic

₩14​,​935​/​월

  • 1,000 크레딧/월
  • 커스텀 도메인
  • 2 CMS 컬렉션
  • 50GB 대역폭
  • 빌트인 SEO

Pro

₩44​,​810​/​월

  • 3,000 크레딧/월
  • 10 CMS 컬렉션
  • 100GB 대역폭
  • 스테이징 환경
  • A/B 테스트(애드온)

Enterprise

Custom

(문의)

  • 커스텀 한도
  • 무제한 에디터
  • 엔터프라이즈 보안
  • SSO/SCIM

Framer와 함께 쓰는 AI 콤보

여러 AI 도구를 묶어서 만든 검증된 워크플로우

자주 묻는 질문

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

Free 플랜으로 1,000페이지까지 무료 사용 가능합니다. 단, 커스텀 도메인과 AI 디자인 도구는 Basic 이상 필요합니다.

Framer와 Webflow의 차이점은?

Framer는 AI 레이아웃 생성과 실시간 협업에 강점이 있고, Webflow는 더 넓은 플러그인 생태계와 복잡한 CMS를 제공합니다.

Framer로 한국어 웹사이트를 만들 수 있나요?

네, 로컬라이제이션 기능으로 한국어 포함 다국어 사이트를 제작할 수 있습니다. 다만 에디터 인터페이스 자체는 영어입니다.

Figma 디자인을 Framer로 가져올 수 있나요?

Figma-to-HTML 변환 기능으로 디자인을 임포트하여 실제 웹사이트로 배포할 수 있습니다.

Framer 사이트의 SEO 성능은 어떤가요?

SEO 메타데이터 설정, Google Lighthouse 최적화, 고속 CDN 호스팅이 내장되어 있어 별도 설정 없이 좋은 SEO 성능을 제공합니다.

Framer의 AI 기능은 무엇인가요?

Wireframer AI가 텍스트 설명으로 웹사이트 레이아웃을 자동 생성하며, 고급 컴포넌트도 AI로 만들 수 있습니다. Basic 플랜 이상에서 사용 가능합니다.

사용자 리뷰

불러오는 중...