본문 바로가기
꿀팁공유 팁토피아!/저작권 프리

초보자도 바로 만들 수 있는 홈페이지 (feat. Framer)

by brioriot 2024. 7. 25.
반응형

 

랜딩 페이지 또는
한 페이지 웹 사이트 만들 때
꿀팁!

 

프레이머는 사용법도 너무 쉬워서

초보자도 바로 사용 가능한 웹사이트 툴입니다.

 

작업 후 퍼블리쉬만 누르면 바로 URL이 생성되어

어디서나 접근이 가능합니다.


프레이머 가입 후
구글 확장 프로그램 HTML to Framer을 크롬에 추가
해 주세요!


1-1. framer 가입하기

 

Choose from 1000+ Framer HTML website templates

Pick from over 1,000 templates. Easily customize images, content, and style without any code. Pick a free or paid template and get started.

www.framer.com

프레이머 사용 가격

 

1-2. 구글 확장 프로그램 설치 - HTML to Framer

 

HTML to Framer - Chrome 웹 스토어

Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

chromewebstore.google.com

 

 

1-3. 홈페이지 만들기

원하는 사이트에 접속 후 확장프로그램에서 프레이머를 클릭하면 오른쪽 하단에 패널이 뜹니다.

원하는 부분 클릭 후 프레이머에서 붙여 넣기 하시면 붙여 넣어집니다.

 

아래는 사이트를 그대로 모두 붙여 넣고, 

전체 페이지를 캡처한 이미지입니다. 

왼쪽 뉴발란스 사이트 / 오른쪽 프레이머로 복붙한 사이트

 

퍼블리쉬를 누르면 사이트로 바로 볼 수 있습니다.

 

My Framer Site

Made with Framer

incomplete-marketing-472455.framer.app

 


3.  framer 사용 방법

Introducing the HTML to Framer Chrome Extension

 

[무료강의] TOSS도 씁니다 대기업이 쓰는 AI 웹사이트 제작 툴


반응형