← 툴 목록
지금 바로 시작
Framer AI 애니메이션 & CMS로 프로 웹사이트 만들기
Middle class · 약 25분
단계별 가이드
10개기본 사용법5개
Framer AI로 웹사이트 만들기
프롬프트 한 줄로 포트폴리오·랜딩페이지가 완성돼요. 코딩 없이도 애니메이션·CMS·SEO까지 갖춘 실제 웹사이트를 배포할 수 있어요.
입문 12분
Framer로 첫 웹사이트 만들기
Framer의 비주얼 에디터로 코딩 없이 인터랙티브 웹사이트를 빠르게 제작합니다.
입문 20분
Framer AI로 랜딩 페이지 자동 생성
Framer AI에 설명만 입력하면 완성된 랜딩 페이지 레이아웃을 자동으로 생성합니다.
기초 15분
인터랙션과 애니메이션 추가하기
Framer의 인터랙션 기능으로 호버, 클릭, 스크롤 애니메이션을 코딩 없이 구현합니다.
기초 25분
커스텀 도메인 연결 및 SEO 설정
Framer 사이트에 커스텀 도메인을 연결하고 SEO를 최적화해 검색 노출을 높입니다.
기초 15분
활용 사례4개
Framer AI 애니메이션 & CMS로 프로 웹사이트 만들기
Framer는 코드 없이 인터랙션·애니메이션이 포함된 프로 수준 웹사이트를 만드는 도구예요. CMS로 콘텐츠를 관리하고 AI로 섹션을 자동 생성할 수 있습니다.
중급 25분
Framer AI로 웹사이트를 텍스트 한 줄로 생성하기
텍스트로 설명하면 Framer AI가 실시간으로 반응형 웹사이트를 만들어줍니다. 코딩 없이 Webflow 수준의 인터랙티브 사이트를 만들 수 있어요.
기초 15분
Framer CMS로 블로그 만들기
Framer 내장 CMS로 블로그나 포트폴리오를 동적으로 관리합니다.
중급 30분
다국어 사이트 만들기
Framer Localization으로 여러 언어를 지원하는 글로벌 웹사이트를 제작합니다.
고급 30분