강의 소개
프레이머 101
새로워진 프레이머는
프레이머를 가장 잘 아는
하버스쿨에서
Framer 101
by 하버스쿨
동영상 강의 상품입니다
SINCE 2019
─
누적 프레이머 수강생
1,300 명 돌파 (2025)
혹시, 당신의 이야기인가요?
"분명 완벽한 디자인이었는데, 왜 개발만 거치면 평범해질까?"
수많은 디자이너가 겪는 좌절입니다. 개발자와의 소통 비용, 기술적 제약, 길어지는 제작 기간...
당신의 위대한 아이디어는 그렇게 빛을 잃어갑니다. 이제 그 고리를 끊어낼 시간입니다.
당신의 작업물, 이렇게 달라집니다
Before
[수강 전] Figma-개발자 전달 방식
정적인 디자인 시안
(인터랙션은 상상에 맡겨야 함)
개발 과정에서 잦은 수정, 타협
소통 비용 증가, 구현 퀄리티 저하
After
[수강 후] Framer를 통한 원스톱 제작
인터랙티브한 최종 결과물
(내가 디자인한 그대로 100% 구현)
수정/배포 클릭 한 번으로
압도적인 속도, 완벽한 퀄리티
1,300+
누적 수강생
4.9/5.0
수강생 만족도
30+
실전 프로젝트 경험
결과로 증명하는, 단 하나의 마스터리 코스
이 강의는 Framer 사용법을 알려주는 강의가 아닙니다.
디자이너가 자신의 가치를 스스로 증명하고, 대체 불가능한 전문가로 거듭나는 방법을 안내합니다.
1. 창작의 완전한 자율성
아이디어 스케치부터 최종 배포까지, 모든 창작 과정을 온전히 통제하세요. 더 이상 기술적 제약이나 소통의 오류로 당신의 비전이 타협되는 일은 없습니다.
2. 세계적 수준의 인터랙션
단순히 '움직이는' 것을 넘어 '반응하는' 디자인을 만듭니다. 사용자의 모든 행동에 섬세하게 반응하는 월드클래스 인터랙션으로 프로젝트의 격을 높이세요.
3. 실전으로 완성되는 학습 경험
이론에 머무는 지식은 의미 없습니다. 매주 실전 과제를 통해 배운 것을 즉시 체화하고, 최종 포트폴리오 프로젝트로 당신의 성장을 세상에 증명하세요. 이 강의는 당신을 '아는' 디자이너가 아닌 '해내는' 디자이너로 만듭니다.
어떤 강의를 선택해야 할지, 고민되시나요?
당신의 소중한 시간과 노력을 가장 가치있게 만드는 선택. 저희가 그 차이를 명확히 보여드립니다.
타사 강의
✕
철학: 단기 수익 중심
자극적인 키워드로 단기적인 수익 창출에만 집중합니다.
하지만 전문성의 깊이는 놓칠 수 있습니다.
✕
학습 경험: 파편화된 스킬 습득
외주 스킬, 특정 기술 등 파편화된 지식을 나열하여 제공합니다. 왜, 어떻게 써야하는지에 대한 근본적인 이해가 부족할 수 있습니다.
✕
접근성: 순차적 강의 공개
강의가 몇 달에 걸쳐 나뉘어 공개됩니다. 나의 학습 속도와 상관없이, 콘텐츠가 공개될 때까지 기다려야만 합니다.
✕
결과: 기능 보유자
Framer라는 '툴'은 다룰 수 있지만, 더 저렴한 비용을 제시하는 다른 '기능 보유자'에게 대체될 수 있습니다.
Harbor School 프레이머 101
철학: 전문가로의 성장
7년간의 교육 경험을 바탕으로, 디자인의 본질과 문제 해결 능력을 길러
'대체 불가능한' 전문가로 성장시킵니다.
학습 경험: 체계적인 마스터리
기초부터 애플 수준의 인터랙션, 비즈니스 전략까지. 모든 과정이 유기적으로 연결되어 압축 성장을 돕는 검증된 로드맵입니다.
접근성: 결제 즉시, 모든 강의 수강
기다릴 필요 없습니다. 당신의 학습 속도에 맞춰 모든 챕터를 자유롭게 넘나들며, 가장 효율적으로 학습하고 빠르게 성장하세요.
결과: 대체 불가능한 전문가
자신만의 디자인 철학을 갖고, 어떤 문제든 해결할 수 있는 전문가. 가격이 아닌 '가치'로 경쟁하는 디자이너가 됩니다.
강의 특징
─
기초부터, 실제 프로젝트까지
가장 체계적인 프레이머 강의
프레이머의 기능들을
각 예제들로 손쉽게
익혀보세요
21개의 기본적인 예제들로
프레이머의 기본적인 기능부터,
어려운 스크롤 인터렉션 기능들까지
쉽고 빠르게 익혀보세요
실제 프로젝트를 만들어 보는 강의
배운 개념을 토대로
실제 반응형 인터렉티브 웹 프로젝트에
적용해보세요
https://marianne.framer.website
(강의에 포함된 웹 프로젝트)
Point 01.
7년간의 프레이머 전문 연구와 실전 경험
30개 이상의 성공적인 프레이머 프로젝트
1,300명 이상의 수강생 배출, 4.9/5.0 만족도 (2025)
하버스쿨 프레이머 강의 경력
7년+
2016년부터 꾸준한 연구와 강의
완성된 프레이머 프로젝트
30+
실무 수준의 완성도 높은 결과물
현업 프레이머 전문가
100%
실력이 검증된 현업 전문가 강사진
하버스쿨의 프레이머 교육 전문성
수강생 평균 만족도 4.9/5.0
Point 02.
GAME CHANGER
왜 지금, Framer인가?
90%의 반복 작업과 10%의 크리에이티브. 웹디자인의 현실입니다.
Framer는 이 공식을 완전히 뒤집습니다. 이제 당신의 시간 90%를 오롯이 창의성에 쏟아부으세요.
압도적인 속도
아이디어를 현실로 만드는 데 단 하루. Framer의 블록 시스템과 AI 기능이 당신의 시간을 아껴줍니다.
코드 없는 고퀄리티
개발자가 몇 주간 구현할 인터랙션을 단 몇 번의 클릭으로. 당신의 디자인은 이제 죽지 않습니다.
실시간 협업과 배포
디자인부터 배포까지 한 곳에서. 팀과 함께 실시간으로 작업하고, 클릭 한 번으로 세상에 공개하세요.
이 위대한 여정을 함께할 분들을 찾습니다
웹 디자인을 코딩 때문에 포기했던 디자이너
이제 개발자에게 아쉬운 소리 하지 마세요. 당신이 상상한 디자인, 100% 그대로 구현되는 완벽한 반응형 웹사이트를 직접 만들 수 있습니다.
외주 비용이 부담되는 1인 사업가, 스타트업
랜딩페이지 하나에 수백만 원... 이제 직접 만들고 5분 만에 수정하세요. 아낀 외주비로 비즈니스의 성공 확률을 높일 수 있습니다.
Framer로 하이엔드 프로젝트를 꿈꾸는 전문가
단순 페이지 제작을 넘어, 고객을 감동시키는 하이엔드 인터랙션으로 당신의 서비스 단가를 2배 이상 끌어올리세요. 대체 불가능한 전문가가 되십시오.
Point 03.
기초부터 고급까지 단계별 학습
클릭, 호버, 드래그 등 기본 인터랙션부터 시작
애플 스타일 스크롤 인터랙션 마스터
부드럽고 세련된 스크롤 효과, 시차 스크롤 구현
디테일이 살아있는 마이크로 인터랙션
사용자 경험을 완성하는 섬세한 모션 디자인
Point 04.
머릿속 개념에서 진짜 서비스까지,
각 단계별 미션 프로젝트와 실제 예제의 유기적 연계.
학습과 포트폴리오를 한번에!
모듈별 실전 미션 과제
기초를 익히자마자 바로 실전 미션을 통해 개념 강화
포트폴리오급 최종 프로젝트
현업에서도 쓸 수 있는 퀄리티의 포트폴리오 제작
현업 실무자 피드백
이론과 실전 사이의 간극을 현업 경험으로 메워드립니다
기초
개념
미니
과제
최종
프로젝트
단계별 프로젝트 연계 학습
Point 05.
수강생 전용
커뮤니티 오픈
실시간 질문, 피드백, 밋업 및 진로 상담까지.
든든한 동료와 멘토가 함께하는
하버스쿨만의 커뮤니티에서 같이 공부해 보세요.
실시간 질문 & 피드백
수업 중 막힌 부분을 바로 해결할 수 있습니다
정기 밋업 & 네트워킹
실무자들과 교류하며 인사이트를 얻어가세요
진로 상담 & 포트폴리오 리뷰
현업 멘토가 진행하는 1:1 맞춤 컨설팅
Point 06.
실제로 개발 업무에서 적용할 수 있는 AI 코드를
현업 개발자에게 직접 배워볼 수 있는 절호의 기회
AI 자동 코드 생성으로 작업 속도 향상
현업 개발 방식으로 AI를 활용하는 노하우
복잡한 인터랙션도 AI로 구현
코드를 모르는 사람도 AI의 도움으로 고급 기능 활용
AI 프롬프트 최적화 트레이닝
실무에서 검증된 프롬프트 스킬과 최적화 방법 공유
// Framer 애니메이션 코드
import { animate, motion } from "framer-motion";
const AnimatedCard = () => {
return (
<motion.div
initial={{ opacity: 0, y: 50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
>
내용이 들어갑니다...
</motion.div>
);
};
AI와 함께하는 프레이머 코딩
AI 제안:
hover 효과를 추가하면 어떨까요?
whileHover={{ scale: 1.05 }}
프레이머 기초
프레이머 인터렉션
CMS & 사이트 설정
프레이머 + 코드
강사 루움
42 Silicon Valley 출신
하버스쿨 대표
Framer Korea 대표 운영자
Framer가 한국에 알려지기 전부터 7년간 Framer만을 연구하고,
30개 이상의 실전 프로젝트를 성공시킨 1세대 Framer 전문가입니다.
단순한 툴 사용법을 넘어, '어떻게' 프레이머로
문제를 해결하는지에 대한 깊은 통찰력을 공유합니다.
클래스 101 수강 만족도 4.9/5.0
디자인 엔지니어 (유튜브 25만 조회수)
7+
교육 경력
30+
실전 프로젝트
1,300+
누적 수강생
2019년 부터 세번의 온오프라인 밋업을 주관한
프레이머 관련 국내 유일 전문 교육 기관 입니다
2019년 프레이머 코리아 x 오픈패스 밋업
2020년 프레이머 코리아 온라인 밋업
2024년 프레이머 코리아 x 29CM 밋업
디자인 엔지니어
(강사님 유튜브 채널)
─
강사님 작업
─
평생 소장 VOD 강의 상품
모든 강의는 영상강의로 제작되어 제공 됩니다
(평생 소장 / 본 웹사이트에서 수강 가능)