Framer
프레이머
2013년 네덜란드에서 시작된 디자인·노코드 사이트 도구로, Figma 같은 디자인 흐름에 사이트 게시 기능을 결합한 '디자이너가 직접 사이트를 출시할 수 있는' 도구이며 Webflow와 함께 디자이너 주도 노코드 표준 중 하나입니다.
쉽게 말하면?
Figma에서 만든 디자인을 그대로 사이트로 띄우고 싶을 때 Framer가 답입니다. Figma와 비슷한 인터페이스에 'Publish' 버튼이 있어, 디자인 → 사이트 출시가 한 도구에서 끝납니다. 디자이너 1인 스튜디오·인디 메이커가 자주 쓰고, 2024년 'Framer AI'로 한 줄 설명만으로 디자인을 생성하는 기능이 추가됐습니다. 한국 디자이너 커뮤니티에서도 Webflow 다음 선택지로 빠르게 자리잡았습니다.
한 줄로 비유하면?
Framer는 Figma + Webflow를 하나로 합친 도구입니다. 디자인부터 출시까지 한 화면에서 끝납니다.
어디에 쓰이나?
Framer AI · 한 줄 디자인
'음식 배달 앱 랜딩 페이지'라고만 입력하면 즉시 디자인 생성.
결과: 비디자이너도 1분 안에 첫 화면 보유.
1인 디자이너 활용
한국 디자이너가 포트폴리오·클라이언트 사이트를 Framer로 운영.
결과: 디자이너가 사이트 운영까지 통합 관리.
주의할 점은?
Framer가 표준 중 하나가 된 이유는 세 가지입니다.
첫째, Figma와 거의 같은 인터페이스. Figma 사용자가 학습 비용 없이 진입 가능.
둘째, AI 통합이 가장 빠릅니다. 한 줄 설명 → 완성 디자인의 표준 워크플로우.
셋째, 인터랙션·애니메이션이 강합니다. Framer Motion이 React 표준 애니메이션 라이브러리.
어떻게 발전해 왔나?
2013
최초 공개
네덜란드에서 디자인 프로토타입 도구로 시작.
2022
Framer Sites
디자인 + 사이트 게시 통합.
2024
Framer AI
한 줄 설명으로 디자인 생성.
관련 태그
참고 자료
- Framer 공식 사이트 — 공식 대표 홈페이지 · Framer · 2026 접속 — https://www.framer.com/
- Framer Academy — 공식 학습 자료 · Framer · 2025 — https://www.framer.com/academy/
- Framer Showcase — 디자인 사례 · Framer · 2025 — https://www.framer.com/showcase/
- Framer AI — AI 디자인 도구 · Framer · 2024 — https://www.framer.com/ai/
- Framer Motion — React 애니메이션 표준 · Framer · 2025 — https://www.framer.com/motion/
대표 출처
Framer 공식 사이트이 페이지에 대한 의견을 남겨주세요
여러분의 의견은 다음 갱신에 반영됩니다.