코드의 장벽을 넘어,디자인의 완전한 자유를 경험하세요

당신의 정교한 디자인이 개발 과정에서 길을 잃지 않도록.
Framer는 상상을 현실로 만드는 가장 빠른 길을 제안합니다.

새로운 시대의 디자이너를 위한 마지막 할인

02days23hours59minutes59seconds

혹시, 당신의 이야기인가요?

"분명 완벽한 디자인이었는데, 왜 개발만 거치면 평범해질까?"
수많은 디자이너가 겪는 좌절입니다. 개발자와의 소통 비용, 기술적 제약, 길어지는 제작 기간...
당신의 위대한 아이디어는 그렇게 빛을 잃어갑니다. 이제 그 고리를 끊어낼 시간입니다.

1,300+

누적 수강생

4.9/5.0

수강생 만족도

30+

실전 프로젝트 경험

결과로 증명하는, 단 하나의 마스터리 코스

이 강의는 Framer 사용법을 알려주는 강의가 아닙니다.
디자이너가 자신의 가치를 스스로 증명하고, 대체 불가능한 전문가로 거듭나는 방법을 안내합니다.

1. 창작의 완전한 자율성

아이디어 스케치부터 최종 배포까지, 모든 창작 과정을 온전히 통제하세요. 더 이상 기술적 제약이나 소통의 오류로 당신의 비전이 타협되는 일은 없습니다.

2. 세계적 수준의 인터랙션

단순히 '움직이는' 것을 넘어 '반응하는' 디자인을 만듭니다. 사용자의 모든 행동에 섬세하게 반응하는 월드클래스 인터랙션으로 프로젝트의 격을 높이세요.

3. 디자이너 너머의 비즈니스맨

훌륭한 디자인을 높은 가치로 변환하는 비즈니스 전략까지 함께 배웁니다. 당신의 재능을 최고의 수익으로 연결하는 방법을 알려드립니다.

GAME CHANGER

왜 지금, Framer인가?

90%의 반복 작업과 10%의 크리에이티브. 웹디자인의 현실입니다.
Framer는 이 공식을 완전히 뒤집습니다. 이제 당신의 시간 90%를 오롯이 창의성에 쏟아부으세요.

압도적인 속도

아이디어를 현실로 만드는 데 단 하루. Framer의 블록 시스템과 AI 기능이 당신의 시간을 아껴줍니다.

코드 없는 고퀄리티

개발자가 몇 주간 구현할 인터랙션을 단 몇 번의 클릭으로. 당신의 디자인은 이제 죽지 않습니다.

실시간 협업과 배포

디자인부터 배포까지 한 곳에서. 팀과 함께 실시간으로 작업하고, 클릭 한 번으로 세상에 공개하세요.

왜 이 강의여야만 할까요?

실전 프로젝트 중심

단순한 기능 나열식 강의가 아닙니다. 실제 출시 가능한 수준의 프로젝트를 처음부터 끝까지 만들며, 모든 기능을 자연스럽게 체득합니다. 이 강의가 끝나면, 당신은 진짜 '결과물'을 갖게 됩니다.

독보적인 인터랙션 커리큘럼

Framer를 '그저 예쁜' 툴로만 쓰실 건가요? 아닙니다. 저희는 당신을 '인터랙션 전문가'로 만들어 드립니다. 모두가 감탄하는 애플 스타일의 스크롤 인터랙션을 당신의 손으로 직접 구현하게 됩니다.

코드를 넘어서는 경험

디자인만으로는 2% 부족합니다. 이 강의는 Framer의 꽃이라 불리는 '코드 컴포넌트' 활용법까지 다룹니다. 디자이너의 한계를 넘어, 개발자와 동등한 수준에서 대화하고 협업하는 능력을 갖추게 됩니다.

이 위대한 여정을 함께할 분들을 찾습니다

웹 디자인을 코딩 때문에 포기했던 디자이너

이제 개발자에게 아쉬운 소리 하지 마세요. 당신이 상상한 디자인, 100% 그대로 구현되는 완벽한 반응형 웹사이트를 직접 만들 수 있습니다.

외주 비용이 부담되는 1인 사업가, 스타트업

랜딩페이지 하나에 수백만 원... 이제 직접 만들고 5분 만에 수정하세요. 아낀 외주비로 비즈니스의 성공 확률을 높일 수 있습니다.

Framer로 하이엔드 프로젝트를 꿈꾸는 전문가

단순 페이지 제작을 넘어, 고객을 감동시키는 하이엔드 인터랙션으로 당신의 서비스 단가를 2배 이상 끌어올리세요. 대체 불가능한 전문가가 되십시오.

INSTRUCTOR

Yongmin, Harbor School

Framer가 한국에 알려지기 전부터 7년간 Framer만을 연구하고, 30개 이상의 실전 프로젝트를 성공시킨 1세대 Framer 전문가입니다. 단순한 툴 사용법을 넘어, '어떻게' 디자인으로 문제를 해결하는지에 대한 깊은 통찰력을 공유합니다.

교육 경력

30+

실전 프로젝트

1,300+

누적 수강생

[강사 이미지]

당신이 마스터할 6가지 핵심 역량

프레이머의 모든 기능, 기초부터 실무까지

Apple.com 스타일의 고급 스크롤 인터랙션

실제 출시 가능한 반응형 웹 프로젝트 제작

디자인만으로 끝내지 않는, 코드 컴포넌트 활용법

Framer CMS를 활용한 데이터 연동 마스터

AI를 활용한 웹디자인 및 코드 생성 자동화

백문이 불여일견

이 강의를 통해 당신이 직접 만들게 될 실전 포트폴리오 프로젝트입니다.

[https://marianne.framer.website]
(위 링크와 같은 퀄리티의 결과물을 만듭니다)

완벽한 반응형 레이아웃

CMS를 통한 동적 콘텐츠 관리

시선을 사로잡는 스크롤 애니메이션

코드 컴포넌트를 활용한 기능 확장

잠재력을 폭발시킬 6주간의 압축 성장 프로그램

Week 1: Welcome to Framer

Framer 시작하기: 기본기 완전 정복

5강 / 3.5시간

Framer의 인터페이스부터 시작해, 디자인의 기본 요소들을 익히고, 왜 Framer가 현존 최고의 웹 디자인 툴인지 직접 경험합니다.

Framer란 무엇인가? (철학 & 비전)
인터페이스 완벽 가이드: 한 번에 끝내기
기본 도형과 프레임 다루기
레이아웃의 핵심: 스택과 그리드
[실습] 간단한 프로필 카드 만들기

Week 2: Interactive Design

살아 움직이는 디자인: 인터랙션 기초

5강 / 4시간

단순한 이미지를 넘어 사용자와 상호작용하는 디자인을 만듭니다. 클릭, 호버, 드래그 등 필수 인터랙션을 마스터합니다.

Effects: 그림자, 블러 등 디자인에 깊이 더하기
Components: 재사용 가능한 디자인 시스템 만들기
Variants: 컴포넌트 상태 관리의 모든 것
기본 인터랙션: 클릭, 호버, 딜레이
[실습] 인터랙티브 버튼 및 카드 UI 제작

Week 3: Advanced Animations

시선을 사로잡는 애니메이션

5강 / 5시간

페이지 스크롤, 요소의 등장과 사라짐 등 정교한 애니메이션을 구현하여 사용자 경험을 극대화합니다.

애니메이션의 원리: Timing, Easing, Spring
Scroll Section & Scroll Variants
Stagger: 순차적인 애니메이션의 미학
Code Overrides의 기초: 애니메이션 제어하기
[실습] 스크롤에 반응하는 헤더 제작

Week 4: The Apple Way

애플 스타일 스크롤 인터랙션 정복

5강 / 6.5시간

모두가 감탄하는 애플 웹사이트의 스크롤 인터랙션. 그 원리를 파헤치고, 우리 손으로 직접 구현해봅니다.

Sticky 스크롤의 원리와 활용
3D Transform을 이용한 입체적 효과
동영상과 스크롤 연동하기
스크롤 진행도에 따른 복합 애니메이션
[실습] 애플 에어팟 프로 스타일 페이지 클론

Week 5: Real-World Project

실전! 반응형 포트폴리오 사이트 제작

5강 / 8시간

지금까지 배운 모든 기술을 총동원하여, 데스크탑부터 모바일까지 완벽하게 대응하는 나만의 포트폴리오 사이트를 만듭니다.

프로젝트 기획 및 디자인 시스템 구축
CMS를 활용한 콘텐츠 관리
데스크탑, 태블릿, 모바일 반응형 디자인
실제 도메인 연결 및 사이트 배포
[실전] 나만의 포트폴리오 웹사이트 완성

Week 6: From Skill to Profit

Framer로 돈 벌기: 외주부터 창업까지

7강 / 5시간

새로운 스킬을 실제 수익으로 연결하는 방법을 배웁니다. 외주 프로젝트 수주 노하우, 포트폴리오 전략, 창업 아이디어까지 모두 공개합니다.

Framer 전문가로 포지셔닝하기
첫 외주, 100만원부터 시작하는 법
클라이언트를 설득하는 포트폴리오 전략
견적부터 계약까지: 실패 없는 프로젝트 관리
Framer로 가능한 1인 창업 아이템들
AI를 활용한 생산성 10배 높이기
[특강] 월 1,000만원 버는 디자이너의 시간 관리법

먼저 경험한 분들의 의심 없는 찬사

"이 강의 없었으면 어쩔 뻔 했나요. 개발자와의 소통 비용이 1/10로 줄었습니다. 제가 직접 만드는 게 훨씬 빠르고 퀄리티도 높아요."

김지수

UX/UI 디자이너

"외주 맡길 돈으로 마케팅에 더 집중할 수 있게 됐습니다. MVP 제작과 테스트가 정말 빨라졌고, 투자 유치에도 큰 도움이 되었습니다."

박대표

스타트업 대표

"솔직히 저만 알고 싶은 강의입니다. 스크롤 인터랙션 파트는 정말... 예술입니다. 프로젝트 단가가 달라졌어요."

프리랜서 박

Framer 전문가

당신의 성장을 위한, 단 하나의 키트

성공적인 여정을 위해 필요한 모든 것을 담았습니다.
당신은 그저 성장에만 집중하세요.

성장의 동반자, 슬랙 커뮤니티

같은 목표를 가진 동료들과 함께라면 더 멀리, 더 빠르게 갈 수 있습니다. 이곳은 단순한 Q&A 공간이 아닌, 집단 지성의 허브입니다.

시간을 지배하는, 핵심 리소스

강의에 사용된 모든 Framer 파일과 코드 스니펫은 당신의 시간을 아껴주는 가장 강력한 무기가 될 것입니다.

프로페셔널의 상징, 포트폴리오 템플릿

강의 완강 후, 당신의 실력을 증명할 가장 빠른 방법. 전문가가 디자인한 고품질 템플릿으로 당신의 가치를 보여주세요.

성장의 현재진행형, 평생 업데이트

이 강의는 살아있는 유기체입니다. Framer의 발전에 맞춰 끊임없이 진화하며, 당신의 실력을 항상 최신으로 유지해 드립니다.

당신의 마지막 망설임을 해결해 드립니다

코딩을 전혀 모르는데, 정말 괜찮을까요?+

네, 그럼요! 이 강의는 코딩 경험이 전무한 분들을 위해 설계되었습니다. Framer의 강력한 노코드 기능을 활용하여 코딩 없이도 100% 상상하던 웹사이트를 만들 수 있습니다. 코딩은 선택 사항일 뿐이며, 강의 후반부의 코드 컴포넌트 파트도 복사/붙여넣기만으로 따라올 수 있도록 구성했습니다.

강의를 듣기 위해 무엇을 준비해야 하나요?+

Framer 계정과 인터넷이 연결된 컴퓨터만 있으면 됩니다! Framer는 무료 플랜으로도 강의의 95% 이상을 수강하는 데 전혀 문제가 없습니다. 추가로 유료 플랜이 필요한 부분은 강의에서 별도로 안내해 드립니다.

강의 수강 기간에 제한이 있나요?+

아니요! 한번 구매하시면 모든 강의 영상과 자료는 평생 소장이 가능합니다. 언제 어디서든 편하게 반복 학습하세요.

강의를 듣다가 모르는 점이 생기면 어떻게 하죠?+

수강생 전용 슬랙 커뮤니티를 통해 질문을 남겨주시면, 강사님과 다른 수강생들이 답변을 달아드립니다. 함께 배우고 성장하는 커뮤니티에 참여하세요!

가장 위대한 투자는 당신의 성장입니다

한 번의 결심으로, 당신의 커리어는 새로운 시대를 맞이합니다.
어제의 당신과 작별하고, 내일의 전문가와 만나세요.

The Framer Mastery 평생소장

630,000원398,000원

월 33,166원 (12개월 할부 시)

🔥 당신의 잠재력에 투자하세요. 할인은 거들 뿐. 🔥

내 가치를 올리는 투자 시작하기

평생 소장 VOD 강의

전용 슬랙 커뮤니티 초대

모든 강의 자료 및 핵심 리소스 제공

학습 및 환불 규정

학습 규정

* 본 상품은 동영상 형태의 강의를 평생 소장하며 수강하는 상품입니다.

* 수강 신청 및 결제를 완료하시면, 마이페이지를 통해 바로 수강이 가능합니다.

환불 규정

* 환불 금액은 정가가 아닌 실제 결제 금액을 기준으로 계산됩니다.

* 수강 시작 후 7일 이내, 2개 강의 미만 수강 시에는 100% 환불 가능합니다.

* 수강 시작 후 7일 이내, 2개 강의 이상 수강 시 또는 7일 초과 시에는 학습률에 따라 차감 후 환불이 진행됩니다.

* 보다 자세한 환불 규정은 고객센터로 문의 바랍니다.