Framer, 2014 코드 기반에서 2023 노코드 빌더로 피벗

한 줄로

원래는 디자이너가 코드로 인터랙션을 만드는 도구입니다. 2023년부터 사이트 빌더로 완전히 피벗했습니다.

어디서 왔나

2014년, 네덜란드에서 시작했습니다. 원래 이름은 Framer Classic입니다. 디자이너에게 "CoffeeScript로 인터랙션 만들기"를 가르치는 도구였습니다. Sketch나 Photoshop이 정적 디자인만 다룰 때, Framer는 실제 코드로 작동하는 prototype을 만들 수 있었습니다.

문제: 코드를 쓸 줄 아는 디자이너는 소수였습니다. 시장이 작았습니다.

2018년 Framer X로 리브랜드했습니다. React 컴포넌트를 그대로 import하는 방향입니다. 여전히 코드 지향이었습니다.

2020년 Framer Web: 브라우저 기반 + 비주얼 빌더. 코드 없이도 사용 가능해졌습니다. Figma와 경쟁 의도였습니다.

2023년 결정적 피벗 Framer Sites. 더 이상 prototype 도구가 아니라 Webflow의 대안인 노코드 사이트 빌더가 됐습니다. Figma와 다른 영역으로 이동했습니다.

지금의 Framer (2024)

웹사이트를 비주얼로 만들고 즉시 배포하는 도구입니다. 주요 기능입니다.

반응형 디자인: 비주얼로 모든 breakpoint 조정.

인터랙션: 코드 없이 호버, 클릭, 스크롤 애니메이션.

CMS: 콘텐츠 관리 빌트인.

호스팅: 클릭 한 번으로 배포 (framer.website 또는 커스텀 도메인).

SEO: 기본 메타 태그 + 사이트맵.

대상: 디자이너가 직접 사이트를 만들고 싶을 때. Webflow보다 디자이너 친화적이고 노션보다 디자인 자유도가 높습니다.

함의

Framer의 10년 여정은 디자인 도구 시장의 변화를 보여줍니다.

2014: 코드로 인터랙션, 너무 어려움.

2020: 비주얼 빌더, 후발주자.

2023: 노코드 사이트 빌더, 새 시장 개척.

피벗을 두 번 한 회사가 살아남은 사례입니다.

바이브 메이커가 챙길 한 가지

1인 랩의 랜딩 페이지를 빠르게 만들 때 Framer가 강한 선택입니다. 디자인에서 배포가 한 도구 안에서 끝납니다. 단, 데이터베이스 통합이나 복잡한 백엔드가 필요하면 Next.js 같은 코드 기반이 더 적합합니다.

관련

Figma · Webflow · Adobe XD