욕심 많은 디자이너를 위한.
작업속도를 2배로 빠르게 해주는.

Framer X 강의

N사 4년 차 UI/UX 디자이너 이야기

UI 시안 그리는 것도 손이 모자란데
주변의 다른 사람들은 어느 순간부터 '프로토 타이핑' 이라는 것을 하기 시작하더군요




그래서 저도 이것저것 알아보니 왜 이리 또 프로토타이핑 툴의 종류는 많은 건지

대게의 디자이너들처럼 처음에는 막막하기만 했던 평범한 4년 차 프로덕트 디자이너 이현수입니다.

수많은 프로토타이핑 툴들 (Prototypr — All Prototyping Tools)
수많은 프로토타이핑 툴들 (Prototypr — All Prototyping Tools)

저는 어쨌든 한번 작업을 시작하면

작은 디테일까지 신경을 써야 하는 욕심 많은 성격의 디자이너라

이것저것 써보았는데 그렇게 맘에 차는 것은 없더군요

현수님의 작업물 Music Album App 중
현수님의 작업물 Music Album App 중

그러던 중 우연히 하버 스쿨에서 하는 Framer X 강의를 광고로 보게 되었고

회사의 지원으로 Hello, Framer X 기초반과 중급반을 듣게 되었습니다.

네. 그리고 지금은
하루 종일 Framer X 만 씁니다

강의를 듣기 전 까진 이것이 제가 하는 일을 이토록 완전히 바꿀 줄은 몰랐어요

이 툴. 기존의 상식을 엎어 버렸습니다

저같이 욕심 많은 디자이너에게는
다른 툴들은 한계가 분명하더라구요

항상 툴을 사용하다 보면, 이런 걸 구현하고 싶은데

툴 자체에서 지원이 안 되는 경우가 많았습니다




이러면 유저들은 툴에서 업데이트가 될 때까지 무한정 기다려야 하죠

심지어 간단한 가로 스크롤이나, 벡터 포맷이 지원 안 되는 툴들도 있었어요




또 어느 정도 디테일은 잡았지만,

이것을 Pinch Zoom 같이 다양한 유저의 인터렉션과 결합하자니

좀 정확하게 표현하기가 어려운 경우도 있었어요

UI 그릴 시간도 부족한데...
프로토 타이핑할 시간은 다들 있으신가요?

사내에서 아직 '프로토 타이핑' 부서가 따로 있는 곳은 많지 않습니다

대부분 UI 디자이너 혼자서 꽤 많은 것을 감당해야 하는 곳도 있죠




하지만 항상 시간상 이유로 프로토타입 형태를 구현하지 못하는 게 아쉬웠어요




회사에서 UI 그리는 것만 하여도 시간은 부족하지만

프로토 타입을 만들면,

사용자 경험을 개발 단계 전에 빠르게 테스트해볼 수 도 있고

인터렉션을 효과적으로 제안하기도 쉽거든요

아무나 쓸 수 없는, 저만 알고 싶은
Framer X를 소개합니다.

이 툴로 만들 수 없는 것은 없습니다

Framer X는 표준 리액트로 만들어졌습니다

웹 API와, HTML, CSS를 직접 사용해 프로토 타입을 보여줍니다




이 기술들을 한 다리 걸쳐놓고 사용하는 것과는 본질적으로 다르죠




그냥 개발자들의 기술을 직접적으로 쉽게 사용하실 수 있다고 생각하시면 됩니다.

이 툴로 만들 수 없다는 것은
개발이 불가능하다는 말 과도 같습니다

누구보다 빠르고 효율적으로 '일' 하세요

비슷한 걸 만들 때마다, 같은 작업을 반복할 필요는 없죠

Framer X를 쓰면 반복 작업을 정말 많이 줄여주어

훨씬 작업시간을 단축시켜 줍니다




쓰면 쓸수록 작업 속도가 빨라지죠




이 반복 작업을 Framer X 스토어에 올리면 전 세계 사람들과 공유할 수 있고

이를 사내 Private 저장소에서만 공유한다면,

그 유명한 '디자인 시스템'이라는 것을 만드실 수 도 있죠

Framer Store. 전 세계 모든 사람들이 자기가 만든 인터렉션들을 쉽고 빠르게 공유하는 마켓
Framer Store. 전 세계 모든 사람들이 자기가 만든 인터렉션들을 쉽고 빠르게 공유하는 마켓
팀 내부에서만 컴포넌트를 공유할 수 있는 Team Store
팀 내부에서만 컴포넌트를 공유할 수 있는 Team Store

하지만
코드 기반이기에 아무에게나
추천하지 않습니다

실제로 우리가 많이 쓰던 포토샵, 일러스트 같은 툴 같은

직관적인 인터페이스와 코드는 다릅니다




Hello, Framer X에서는

Javscript, HTML, CSS의 기본적인 지식을 같이 알려 주시고

이를 Framer X에서 꽤 빈번히 사용하더라고요




이에 아래와 같은 디자이너분들에게는
추천하지 않습니다

1. 나는 디자이너여서, 코드에 평생 손 묻히기 싫다면

2. 코드를 배워 보았지만, 정말 코드가 끔찍한 트라우마로 남았다면

3. 어차피 그냥 보고용이니 적당히 구현하고 끝내는 것이 좋다면

하지만 디자이너로써 디테일에 욕심이 있으시고
누구보다 빠르고 효율적으로 일을 하고 싶으신 디자이너 라면

Hello, Framer X 강의를 자신 있게 추천합니다

Hello, Framer X 4기

배우고 싶었는데, 너무 최신의 툴이라 한국어로 된 자료가 없었어요

핫하다. 혁명적이다. 게임 체인저다.

너무 궁금해서 한번 깊이 배워 보고는 싶었지만
초기의 툴이라 그런지 한국어로 된 자료가 많이 없었어요

저도 유튜브나 몇 가지 강의들을 봤지만 잘 이해도 안 되고
대부분의 영상들이 겉핥기식으로 접근해서 실제 업무에 적용하기는 어려웠죠

635 시간 동안 만든 커리큘럼

이 강의는 저 루움과 B님이

Framer X의 출시일부터 엄청난 업데이트에 속도에 맞추어

600여 시간에 걸쳐 지속적으로 업그레이드 해왔습니다.




이를 바탕으로한 저희 커리큘럼에는 Framer X에 관한
다른 곳에서는 찾아 볼 수 없는 체계적인 위키 시스템과, 과제들이포함 되어있습니다




4기에는

여태껏 받았던 질문들과, 수강생분들의 학습 속도들

피드백들을 반영하여

더욱 개선되고 탄탄해진 Hello, FramerX (v3) 커리큘럼이 제공됩니다.

Framer X에 빠져버린
루움 강사님 이야기

저 루움은 실리콘 밸리 Ecole 42에서 Computer Programming을 공부하고 돌아왔습니다




평소 외국의 웹사이트들을 보며

이런 웹사이트들은 도대체 어떻게 만드는 것일까

아시는 분들은 다 아는 지용님, 종민님등 이런 분들의 작업들을 보며




여러 애니메이션 요소들을 만들기도 하고, 많은 라이브러리들을 탐구하며

많은 덕질을 해왔습니다

하지만 이런 많은 덕질에도 저를 강하게 만족시켜주는 도구들은 없었던 것 같아요




그러던 중 우연치 않은 기회로 Framer X를 접하게 되고

제가 좋아하던 모든 고민들을 이 툴 하나로 완전히 해결할 수 있다는 것을 깨달았습니다




이에 비슷한 고민을 하시는 분들이 많다는 걸 깨달았고

Framer X를 출시일부터 지금까지 거의 매일 써보며

이를 더 많은 분들이 쓸 수 있으면 너무 좋겠다는 생각에

이 강의를 열게 되었습니다

최근 루움님이, 처음부터 끝까지 Framer X로 작업한 실제 챗봇 앱의 데모 사이트 - <a href="https://pulsen.netlify.com/?token=demo" target="_blank">https://pulsen.netlify.com/?token=demo</a>
최근 루움님이, 처음부터 끝까지 Framer X로 작업한 실제 챗봇 앱의 데모 사이트 - https://pulsen.netlify.com/?token=demo

Hello, Framer X 4기.
후기로 설명드리겠습니다

Hello, Framer X 4기
한국어로 된 유일한 Framer X 강의를 지금 들으시고 디자이너의 욕심을 더는 감추지 마세요

기초반

장소 : 서울특별시 강남구 역삼동 819-5 WeWork 강남2호점 (지도)

시간 : 구매 버튼 클릭시, 선택하실 수 있으신 시간 옵션이 나타납니다

(하단 노란색 구매버튼 클릭)

Hello, Framer X 강의에 대해 많이들
궁금해하시는 부분들을 모았습니다

Q. 제가 코딩은 완전 처음인데..
이 강의를 들어도 괜찮을까요?

이 수업을 들으셨던 분들의 90% 이상이 디자이너 분들이셨습니다.
그렇기에 처음 코드를 접하시는 초보자 분들의 특성을 최대한 고려하여
커리큘럼과 수업이 설계되어 있습니다




또한 중간에 지속적으로 배웠던 내용을 반복하는 세션을 통해
자연스럽게 코드와 친해지시게 됩니다

Q. 리액트 / 타입 스크립트를 개발자처럼 배워야 하는 건가요?

아닙니다.




기초반에서 다루는 인터렉션들은

애니메이션을 위한 Override의 반복되는 규칙을 활용합니다.

그렇기에 리액트 / 타입 스크립트에 대한 이해 없이도




충분히 수업을 따라오실 수 있습니다.

Q. 회사일이 바빠서 평일 저녁 수업은 조금 부담이 되네요

전 커리큘럼은 저희 위키 시스템을 통해 지속적으로 업데이트가 되고
언제든 무료로 받아 보실 수 있습니다


또한 중간중간 내드리는 과제와, 복습 세션
원하시는 시간대에 공부와 질문답을 하시고


수업 때 그 공부하신 내용을 극대화하는 방향으로 수업이 진행됩니다


실제로 야근 때문에 수업을 두세 번 빠지신 분들도
수업을 성공적으로 따라오셨습니다
하지만 아시겠지만 빠지면 손해이십니다

Q. 신청했는데, 불가피한 사정 때문에 환불해야 할 것 같습니다

일단 신청하신 후, 모집 마감 5일 전까지 100% 환불 가능하십니다
하지만 그 이후로는 오프라인 특성상 환불이 불가함을 알려드립니다

Q. 중급반은 어떻게 들을 수 있나요?

많은 분들이 중급반 강의를 원하시고 계십니다


하지만 중급반은 기초반을 수강하신 분들에게만
별도로 안내가 됩니다 (10월 안내 예정)


기초반을 신청하실시 우선적으로 중급반 결제가 안내 되오니
참고 부탁드립니다