Framer
프레이머
소개
Framer는 노코드 웹사이트 빌더로, AI 레이아웃 생성(Wireframer) 기능을 통해 빈 캔버스 없이 웹사이트를 시작할 수 있습니다. 반응형 레이아웃, 고급 애니메이션·인터랙션, 내장 CMS, 실시간 협업을 지원하며 Figma 디자인을 HTML로 변환하는 기능도 제공합니다. SEO 설정, Google Lighthouse 최적화, 자체 호스팅이 포함되어 별도 서버 없이 원클릭 배포가 가능합니다. 랜딩 페이지, 포트폴리오, 스타트업 사이트 등 비주얼 중심 웹사이트에 특히 적합합니다.
장점
- •Wireframer AI로 텍스트만으로 웹사이트 레이아웃 자동 생성
- •코드 없이 고급 애니메이션·인터랙션·전환 효과 구현
- •SEO 최적화·자체 호스팅·커스텀 도메인 올인원 제공
- •Figma 디자인을 실제 웹사이트 HTML로 변환 가능
- •Free 플랜에서 1,000페이지·10 CMS 컬렉션까지 무료
단점
- •에디터 UI가 영어 전용으로 한국어 미지원
- •커스텀 도메인·AI 디자인 도구는 Basic($10/월) 이상 유료 플랜 필요
- •WordPress·Webflow 대비 플러그인·템플릿 생태계가 작음
- •로그인·DB 연동 등 복잡한 웹 애플리케이션에는 부적합
핵심 기능
AI 레이아웃 생성
Wireframer AI가 텍스트 설명으로 웹사이트 레이아웃과 컴포넌트를 자동 생성합니다.
노코드 디자인
코드 없이 반응형 레이아웃, 애니메이션, 인터랙션, 전환 효과를 구현합니다.
내장 CMS
관계형 CMS로 블로그·콘텐츠 페이지를 직접 관리하고 업데이트할 수 있습니다.
실시간 협업
팀원과 동시에 캔버스에서 작업하며 자동 저장·알림 기능을 제공합니다.
SEO·성능 최적화
SEO 메타데이터 설정, Google Lighthouse 최적화, 고속 호스팅이 내장되어 있습니다.
A/B 테스트·애널리틱스
트래픽 추적, 전환율 분석, A/B 테스트, 퍼널 분석 기능을 제공합니다.
Figma 임포트
Figma 디자인을 실제 웹사이트 HTML로 변환하여 배포할 수 있습니다.
공식 사이트 2026-04-10 검증
영상 가이드
요금제
2026-04-10 기준
Free
$0/mo
- 1,000 페이지
- 10 CMS 컬렉션
- 편집자 3명
Basic
$10/mo
(연간)
- 커스텀 도메인
- AI 디자인 도구
- 30 페이지
- 10GB 대역폭
Pro
$30/mo
(연간)
- 스테이징 환경
- 관계형 CMS
- 150 페이지
- 100GB 대역폭
- 편집자 10명
Scale
$100/mo + 사용량
(연간)
- 프리미엄 CDN 300+ 지역
- 300 페이지
- 이벤트·퍼널 분석
- 우선 지원
Enterprise
맞춤 견적
- 전담 지원
- 맞춤 한도
- 엔터프라이즈 보안
Framer와 함께 쓰는 AI 콤보
여러 AI 도구를 묶어서 만든 검증된 워크플로우
이 도구를 추천하는 직업
사용자 리뷰
불러오는 중...