프레이머(Framer) 사용해보기

 

안녕하세요~

디자인 이칠공입니다.

요즘 디자인 커뮤니티에서 자주 언급되고 있는 '프레이머(Framer)'라는 툴이 있는데요.
디자인 이칠공도 사실 작년쯤 개발없이도 구현할만큼 쉬운 웹 빌더 플랫폼들을 비교해보다가 프레이머라는 툴을 써보았었어요.
그래서 오늘은 프레이머를 직접 써 본 후 그 경험을 간단히 공유해보려 합니다. 🤗

 

 

Framer: The website builder loved by designers

 

---

 

프레이머(Framer)

프레이머는 원래 프로토타이핑 툴로 시작했지만 이제는 웹디자인에서 웹사이트 제작까지
노코드 기반으로 웹사이트를 빠르게 배포할 수 있다는 점에서 많은 디자이너들의 관심을 받고 있어요.
드래그 앤 드롭으로 레이아웃을 구성할 수 있고 반응형 웹까지 손쉽게 만들 수 있는 점이 큰 장점이랍니다.

 

 

 

프레이머의 주요기능들

🎨 디자인 & 레이아웃 편집기

Figma나 Sketch를 써본 디자이너라면 금방 익숙해질 UI에요.

 

⚡ 실시간 프리뷰 & 배포

디자인 후 바로 웹사이트로 퍼블리싱이 가능합니다.

 

🧠 AI 웹사이트 생성 기능

간단한 텍스트 입력으로 웹사이트 구조 제안을 받을 수 있어요.

 

📱 반응형 지원

모바일, 태블릿까지 자동으로 최적화되어 쉽게 반응형 웹을 만들 수 있습니다.

 

---

직접 사용해보기!

프레이머를 써보니 처음엔 낯설었지만 10분 정도 후에는 흐름이 익숙해졌어요.
레이아웃이랑 기능이 피그마와 비슷한 점들도 있어서 사용하기 어렵지 않았고 
특히 마음에 들었던 건 프리셋 컴포넌트들이 다양하게 제공된다는 점과 버튼, 네비게이션, 이미지 슬라이더 등의 기본적으로 필요한 UI 요소들을 바로 쓸 수 있어서 좋았어요!

 

 

반응형이기 때문에 데스크탑, 태블릿, 모바일 사이즈 프레임으로 놓고 하나를 수정하면 다른 화면들도 자동으로 적용이되어서 아주 간편했습니다.
작업 후 우측 상단의 Publish 버튼을 누르면 웹사이트에 업데이트를 할 수 있고 URL을 확인해보면 순식간에 아주 멋진 사이트가 만들어저요!

 

 

짠...! (멋져요~)
창을 줄여보면 사이즈에 맞게 최적화되어있는 걸 볼 수 있습니다.
역시 정말 디자인하기 좋은 세상이네요..(감동)

 

 

 

---

 

프레이머 구독 플랜

사용해보면 아시겠지만 프레이머는 완전 무료서비스는 아닌데요.
무료 플랜에서 추가로 기능들을 사용하고 싶다면 목적에 맞게 플랜을 결제하여 사용하면 됩니다. 🤑

 

 

1. Free (무료)

• 개인 사용자에게 적합
• 최대 1개의 사이트 게시 가능
• 프레이머 배지(브랜드 로고) 표시됨
• 프레이머 도메인(*.framer.website) 사용

2. Mini (월 $5)

• 소규모 프로젝트에 적합
• 사용자 지정 도메인 연결 가능
• 프레이머 배지 제거
• 기본 SEO 기능 제공
  
  

3. Basic (월 $15)

• 전문 포트폴리오나 마케팅 사이트에 추천
• 더 많은 페이지 및 고급 구성 옵션
• 사이트 분석 도구 통합 가능
  
  

4. Pro (월 $25)

• 팀/브랜드 웹사이트 운영용
• 고급 애니메이션, 코드 컴포넌트 사용 가능
• 팀 협업 및 퍼블리싱 권한 관리

 

---

 

프레이머.. 써보니 대만족!

프레이머는 디자이너가 웹사이트를 구현하고 싶은 욕구를 제대로 충족시켜주는 툴이라는 생각이 듭니다.
그리고 써보니 작년보다 더 기능이 추가되고 좋아진 것 같아요. : )
사용자의 피드백을 빠르게 수용하는 서비스인 듯 해요.
보니까 데스크탑 앱도 생겼더라구요~
앞으로 프레이머를 활용하는 디자이너가 점점 늘어갈 것 같습니다.😀

처음쓰시는 분들도 아마 몇시간만 투자해도 꽤 멋진 결과물을 만들 수 있을 것 같아요.
디자인과 웹 제작을 동시에 즐기고 싶다면 프레이머를 써보는 걸 추천드립니다.👏🏻

 

 

 

Framer: Download the desktop app for Mac or Windows

 

.

.

.

 

오늘은 이렇게 프레이머툴에 대해서 소개해드렸는데요.

저희 디자인 이칠공은 앞으로 부지런히 새로운 것을 습득하고 다양한 정보들을 소개해드릴테니 기대해주세요! 🙏🏻
혹시라도 도움이 되셨다면 좋아요나 댓글 부탁드리겠습니다.💖

그럼 20000~

다음에 만나요! 🥰