요소별로 배워보기
바로가기
추천 토픽
디자인 구조 익히기
Framer를 제대로 쓰려면 Layer · Section · Stack 세 가지 구조부터 잡아야 합니다. 이 순서대로 읽으면 반응형·수정·협업이 모두 쉬워집니다.
디자인
디자인 구조 한눈에 보기
Layer · Section · Stack의 관계를 그림과 표로 한 번에 정리합니다.
디자인
Section (섹션)으로 영역 나누기
헤더·히어로·푸터 등 페이지를 가로 영역으로 나누는 기본 단위.
디자인
Stack (스택)으로 자동 정렬
요소를 일정 간격으로 자동 정렬해 반응형 레이아웃을 쉽게 만듭니다.
디자인
Layer (레이어) 구조 관리
캔버스의 모든 요소를 계층 트리로 관리하는 법.
제안하는 글
한국 맞춤
한글 폰트 적용 · 최적화
Pretendard 적용부터 웹폰트 용량을 줄이는 서브셋 최적화까지.
한국 맞춤
국내 도메인 연결 (가비아 등)
가비아·후이즈 도메인을 Framer에 연결하는 DNS 설정 방법.
한국 맞춤
네이버 · 구글 SEO
서치어드바이저·서치콘솔 등록으로 검색에 노출시키는 법.
시작하기
첫 사이트 발행하기
템플릿으로 시작해 첫 Framer 사이트를 인터넷에 공개하기.
한국 맞춤
한국 사용자 FAQ
한국에서 Framer를 쓸 때 가장 많이 묻는 질문 모음.
이 위키는 함께 만들어가는 비공식 가이드입니다. 공식 문서는 framer.com/help 를 참고하세요.
Last updated on