[Framer] 스터디 시작

프로토타이핑 스터디를 위해 프로토파이와 프레이머 트라이얼 버젼을 깔아서 테스트 중이다. 

여러 블로그에 있는 글들을 둘러보고서는 프레이머도 프로토파이처럼 딱히 첫 단계부터 공부안하고 예제 바꿔가면서 바로 습득할 수 있을줄 알았는데

문법이나 다루는 방법이 익숙하지 않아서 그냥 첨부터 차근차근 하기로 맘을 바꿨다. 

프레이머 홈페이지 에 있는 튜토리얼로 시작하기로 했음

Framer > Tutorial > Intro Course

https://framer.com/getstarted/tutorials/designershow

#design

Tour the UI 06:19

Shapes and Frames  15:34

Shapes and Text 09:16  

Images and Effects 11:31

Add Code to Design 07:19

Share Your Prototype 03:23

#code 

Build Layers in Code 02:36

Layout with Loops 05:37

Arrays & Data 03:59

Events to Looped Layers 06:45

Functions & Code Reusability 05:30

Crash Course

https://framer.com/getstarted/tutorials/crashcourse

Intro and Design Tab 03:50

Layer Targeting, Layout, and Hierarchy 04:33

Features and Shortcuts 02:22

Importing Designs from Sketch 01:20

Intro to Code and Workflow 01:47

Artboards and Layers 05:15

Animation 06:54

State  07:54

Events 04:30

Draggable Layers 05:05

Pinchable Layers 03:23

Flow Component 09:30

Scroll Component 07:19

Page Component 03:18

Slider Component 02:39

Sharing 01:20

Adding Sounds   07:42

Floating Action Button 16:36