Framer가 3.0을 발표했습니다. Agents, Branching, Community, 그리고 완전히 새로워진 UI까지. 단순한 기능 추가가 아니라, 웹사이트를 만드는 방식 자체를 바꾸는 업데이트입니다.
저희 EasySpark는 공식 Framer 인증 에이전시로서, 발표 직후부터 3.0을 직접 테스트했습니다. 클라이언트 프로젝트에 어떻게 영향을 미치는지, 실무 관점에서 솔직하게 정리했습니다.
Framer 3.0, 핵심만 먼저
Framer 3.0의 주인공은 AI Agent입니다. 캔버스 안에서 직접 작동하는 AI로, 단순히 "아이디어를 보여주는" 수준을 넘어 실제 페이지를 설계하고 수정합니다.
공식 발표 기준으로, Framer Agent가 할 수 있는 일은 다음과 같습니다.
- •전체 페이지 레이아웃 설계 및 반응형 브레이크포인트 자동 적용
- •컴포넌트 생성, 애니메이션 추가, 스타일 정리
- •CMS 콘텐츠 연결 및 SEO 설정 개선
- •사이트 애널리틱스 리포트 생성
- •Claude AI, Cursor, Codex 등 외부 Agent와의 연동 (MCP 지원)
저희가 특히 주목한 부분은 "기존 프로젝트를 이해하는 능력"입니다. Agent가 현재 사이트의 디자인 시스템, 컴포넌트 구조, 컬러 팔레트를 파악한 상태에서 작업을 시작합니다. 기존 틀을 무시하고 새로운 것을 생성하는 게 아니라, 이미 만들어놓은 것 위에서 작동합니다.
Branching — 실무에서 가장 반가운 기능
클라이언트 프로젝트를 진행하다 보면, 라이브 사이트에 직접 손을 대는 순간이 항상 긴장됩니다. 수정이 잘못되면 실제 운영 중인 페이지가 망가지기 때문입니다.
Branching은 이 문제를 해결합니다. Git의 브랜치 개념과 동일합니다. 별도의 작업 공간에서 Agent 또는 팀원이 자유롭게 변경을 시도하고, 검토 후에만 메인 사이트에 병합합니다. Agent가 대규모 수정을 제안할 때도 라이브 사이트에는 아무 영향이 없습니다.
실제로 팀 단위로 Framer를 쓰는 경우나, A/B 테스트가 잦은 스타트업 클라이언트에게 즉시 적용할 수 있는 기능입니다.
CMS 3.0 — 관리자 경험이 완전히 바뀌었습니다
콘텐츠가 많은 사이트를 운영하는 분들께 반가운 소식입니다. CMS가 3.0으로 재설계됐습니다.
가장 체감이 큰 변화는 인라인 편집입니다. 기존에는 아이템을 수정하려면 오버레이를 열어야 했습니다. 이제는 셀을 직접 클릭해서 바로 수정할 수 있습니다. 멀티셀 선택, 일괄 작업, 빠른 복사-붙여넣기가 모두 지원됩니다. 컬럼 순서 변경, 리사이즈, 폴더로 컬렉션 정리도 가능해졌습니다.
블로그, 포트폴리오, 제품 페이지처럼 CMS를 집중적으로 쓰는 사이트일수록 작업 속도 차이가 크게 납니다.
Community — 마켓플레이스가 생태계로 진화합니다
Framer는 2025년 한 해에만 크리에이터들에게 650만 달러(약 89억 원)를 지급했습니다. 수익 공유 없이 전액을 크리에이터에게 돌려주는 구조입니다. 전년 대비 200% 성장이기도 합니다.
3.0에서는 Community가 앱 내부로 들어왔습니다. 갤러리, 피드, 멤버 디렉토리, 콘테스트까지 Framer 앱 안에서 모두 접근할 수 있습니다. 좋은 작업물이 자연스럽게 노출되는 구조로 바뀝니다.
저희 EasySpark가 Framer Marketplace에 출품한 템플릿들도 이 생태계 안에서 더 많은 접점을 가질 수 있게 됐습니다.
EasySpark는 이렇게 씁니다 — 실무 도입 계획
Framer 3.0을 테스트하면서, 저희 내부적으로 다음과 같은 방식으로 도입을 검토하고 있습니다.
Agent 활용: 신규 랜딩페이지 초안 작업과 반응형 수정 작업에서 속도를 높이는 용도로 씁니다. 다만 Agent 결과물은 반드시 사람이 검토하고 조정합니다. 도구는 빠르지만, 브랜드 맥락과 디테일은 여전히 사람의 판단이 필요합니다.
Branching: 클라이언트 사이트의 대규모 리뉴얼이나 A/B 테스트 요청이 들어올 때 즉시 활용합니다. 라이브 사이트를 건드리지 않고 전체 레이아웃 변경을 시도해볼 수 있다는 건 실무에서 큰 안전장치가 됩니다.
외부 Agent 연동: Claude AI와 Framer를 MCP로 연결하는 워크플로우를 테스트 중입니다. 콘텐츠 기획부터 사이트 반영까지의 파이프라인을 단축할 수 있는지 확인하고 있습니다.
클라이언트분들이 묻는 것들
3.0 발표 이후 몇 가지 문의가 들어왔습니다.
"AI가 다 만들어주면 에이전시가 필요 없는 거 아닌가요?"
저희도 같은 질문을 받습니다. Agent는 강력하지만, 아직 브랜드를 이해하지 못합니다. 어떤 인상을 줘야 하는 사이트인지, 어떤 고객이 오는지, 경쟁사와 어떻게 달라 보여야 하는지는 여전히 사람이 결정해야 합니다. AI는 실행 속도를 높여주지만, 방향을 정하는 건 여전히 사람의 몫입니다.
"지금 Framer 사이트 가지고 있는데, 3.0으로 업그레이드가 필요한가요?"
기존 Framer 사이트는 자동으로 3.0 환경에서 열립니다. 별도의 마이그레이션 작업은 없습니다. 다만 Agent 기능은 크레딧 기반으로 운영되므로 요금제를 확인해볼 필요가 있습니다.
"AI Agent가 SEO도 개선해준다고 하던데, 어느 정도 수준인가요?"
기본적인 메타 태그 정리, 이미지 alt 텍스트, 페이지 구조 개선 수준은 가능합니다. 하지만 검색 의도 분석, FAQ Schema 삽입, AI 검색 최적화(AEO/GEO) 같은 작업은 여전히 별도의 전략이 필요합니다.
마치며
Framer 3.0은 단순히 AI 기능이 추가된 업데이트가 아닙니다. 웹사이트를 "만드는" 방식에서 "관리하고 개선하는" 방식으로 중심을 이동시키는 업데이트입니다.
저희 EasySpark는 Framer가 처음 웹사이트 빌더로 방향을 전환했던 시점부터 지금까지, 국내에서 가장 많은 Framer 프로젝트를 완성해온 팀 중 하나입니다. 앞으로도 Framer의 변화를 가장 먼저 실무에 적용하고, 그 결과를 이 블로그를 통해 공유하겠습니다.
Framer 3.0에 대해 궁금한 점이 있거나, 현재 사이트에 어떻게 적용할 수 있을지 상담이 필요하시면 편하게 문의해 주세요.
EasySpark는 국내 몇 안되는 프레이머(Framer) 전문 에이전시입니다. 국내 100개 이상의 Framer 프로젝트를 완성했으며, CES 2024 수상 기업, 서울대학교 산학협력 프로젝트를 포함한 다양한 레퍼런스를 보유하고 있습니다.
