Framer

Framer는 디자인과 프로덕션 웹 제작을 하나의 워크플로우에서 처리할 수 있는 AI 지원 반응형 웹빌더 툴입니다.

5.0

출시일: 2015년

월간 방문자 수: 440만 명

개발국: 네달란드

플랫폼: 웹 · 모바일 앱

언어: 영어

키워드

Framer
웹빌더
프로토타이핑
반응형 디자인
CMS 사이트
AI 웹 생성
A/B 테스트
드래그 앤 드롭
Figma 대체
분석도구
로컬라이제이션
웹 애니메이션
협업 툴
클릭 퍼널
웹 퍼포먼스

플랫폼 설명

Framer는 디자이너와 개발자 모두를 위한 웹 기반 프로토타이핑 및 사이트 빌더 플랫폼으로, 디지털 디자인과 실제 프로덕션 사이트 제작 간격을 좁혀주는 고정밀 디자인과 코드 동시 작업 환경을 제공합니다 디자인 도구처럼 캔버스에서 시각적 인터랙션과 반응형 레이아웃을 구현하고, Figma와 유사한 드래그 앤 드롭 인터페이스로 디자인 이후 바로 퍼블리싱까지 가능하며 사용자 정의 애니메이션, CMS 연동, 반응형 페이지와 같은 고급 프론트엔드 기능도 포함합니다 Framer의 장점은 디자인 툴과 웹빌더의 경계를 허무는 올인원 워크플로우, 최신 AI 지원 로컬라이제이션 및 레이아웃 생성, **팀 협업 및 분석 도구(A/B 테스트, 클릭 퍼널 추적)**와 같은 기능으로 사이트 제작부터 운영까지 한 곳에서 통합적으로 관리할 수 있다는 점입니다

핵심 기능

드래그 앤 드롭 디자인 및 퍼블리싱

코드 없이 시각적 레이아웃 구성 및 웹 배포
CMS 통합 관리

콘텐츠 데이터베이스 구성 및 동적 페이지 생성
AI 웹 랜딩페이지 생성 (Wireframer)

텍스트 프롬프트 기반 자동 레이아웃 제안
다국어 로컬라이제이션

각 지역별 언어 지원 + 추가 locale 옵션
A/B 테스트 및 고급 분석

방문자 이벤트, 클릭, 퍼널 추적 기능 포함
버전 관리 및 스테이징 배포

변경사항 확인 및 스테이징 도메인 배포
벡터 편집 기능 향상

UI 아이콘/벡터 작업 독립 캔버스 지원
팀 협업 기능

라이브 코멘트, 멀티 에디터, 권한 설정 등 포함

활용 사례

포트폴리오 사이트 제작
랜딩 페이지
애니메이션 UI
반응형 디자인
AI 웹레이아웃
CMS 기반 블로그
팀 협업
A/B 테스트
클릭 퍼널 분석
사용자 행동 트래킹
다국어 사이트
커스텀 도메인
스테이징 배포
마케팅 캠페인 페이지
제품 소개 페이지

사용 방법

프로젝트 생성

디자인 구성

퍼블리싱 설정

협업 및 운영

요금제

요금제별 월 요금 및 주요 기능
계획	가격	주요 기능
Mini	₩13,830(월)	• 2페이지 • 10GB 대역폭 • 사용자 지정 도메인 연결 • AI Wireframer 무제한 • CMS 미지원 • 팀 협업 불가
Basic	₩19,915(월)	• Mini 요금제 기능 + • 1,000페이지 • 50GB 대역폭 • 2개 CMS 컬렉션 • 비밀번호 보호 • 폼 제출 500건
Pro	₩39,830(월)	• Basic 요금제 기능 + • 10,000페이지 • 100GB 대역폭 • 10개 CMS 컬렉션 • 스테이징 배포 가능 • 폼 제출 2,500건 • 팀 협업 (편집자 추가 가능, ₩24,895/인) • 리디렉션 100개 설정 • 고급 분석 기능 포함
Launch	₩75,000	• 15,000페이지 • 200GB 대역폭 • 20개 CMS 컬렉션 • 팀 협업 (최대 10명, ₩40,000/인) • A/B 테스트, 클릭/전환 추적 • 폼 제출 5,000건 • Wireframer 무제한 + 전체 작업공간 포함
Scale	₩200,000	• Launch 요금제 기능 + • 30,000페이지 • 500GB 대역폭 • 30개 CMS 컬렉션 • 팀 협업 확장 (10명, 버전 기록 120일) • 파일 업로드 100MB • 폼 제출 10,000건 • 고급 분석 및 리디렉션 500개
Enterprise	문의	• Scale 요금제 기능 + • 페이지/대역폭/CMS 무제한 • 무제한 편집자, 전담 보안/지원 포함 • 고급 로컬라이제이션 및 번역 관리 • 사용자 정의 리전 및 SLA 보장 • 전사 협업, 팀 교육, ISO 27001 준수

Framer 에 대한 등급을 선택합니다.

Framer

키워드

플랫폼 설명

핵심 기능

드래그 앤 드롭 디자인 및 퍼블리싱

CMS 통합 관리

AI 웹 랜딩페이지 생성 (Wireframer)

다국어 로컬라이제이션

A/B 테스트 및 고급 분석

버전 관리 및 스테이징 배포

벡터 편집 기능 향상

팀 협업 기능

활용 사례

사용 방법

요금제

추천 플랫폼

Stitch

Canva AI

Uizard