[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









'스터디 > Prototyping' 카테고리의 다른 글

[Framer] 스터디 시작  (0) 2018.07.27