Search

올인원 디자인 플랫폼, 프레이머(Framer)

Framer
이미지 출처: Framer

⌨️ 한글 미지원
💳 기본 유료: MINI 버전 ₩13,830 /month, per site
🖥️ 서비스 바로가기

프레이머(Framer)는 디자이너와 개발자가 코드 없이도 인터랙티브 웹사이트와 프로토타입을 빠르게 제작할 수 있는 올인원 디자인 플랫폼입니다. AI 기반 툴을 통해 페이지 구조 생성, 다국어 번역, 커스텀 플러그인 개발 등 반복 작업을 자동화하여 생산성을 극대화합니다.



주요 기능

  • Wireframer: AI와 채팅하며 반응형 페이지 구조와 초기 콘텐츠를 자동 생성
  • Workshop: 코드 없이 쿠키 배너, 탭, 비주얼 이펙트 등 고급 컴포넌트를 제작
  • AI Translate: 클릭 한 번으로 사이트 전체를 다국어로 자동 번역
  • AI Plugins: OpenAI·Anthropic·Gemini 등과 연동해 이미지 생성, 텍스트 리라이트, 대체 텍스트 생성 기능을 플러그인으로 추가
  • 템플릿 라이브러리: 개인 페이지, 랜딩 페이지, 포트폴리오 등 다양한 섹션별 템플릿 제공

사용 방법

  1. Framer 웹사이트(https://www.framer.com/)에 접속합니다.
  2. 이메일 또는 GitHub 계정으로 회원가입 후 로그인합니다.
  3. 대시보드에서 새 프로젝트를 생성하고, Wireframer를 선택해 페이지 구조를 자동 생성합니다.
  4. Workshop에 들어가 쿠키 배너나 탭 컴포넌트 등 필요한 UI 요소를 추가·커스터마이즈합니다.
  5. AI Translate 기능을 사용해 원하는 언어로 사이트를 번역합니다.
  6. AI Plugins 섹션에서 제공되는 예제 플러그인을 설치하거나, 직접 플러그인을 개발해 모델을 연동합니다.
  7. 디자인이 완료되면 내장된 퍼블리시 도구로 도메인을 연결하고 웹사이트를 공개합니다.




올인원 디자인 플랫폼, 프레이머(Framer) – AI 매터스 l AI Matters