분류 기타

Framer 프로토 타입 도구 문서, 리소스, 자습서 및 기타 관련 항목의 선별된 목록

컨텐츠 정보

  • 조회 629 (작성일 )

본문

Framer는 애니메이션 및 대화 형 프로토 타입을 만드는 도구입니다.

고급 사용자를 위한 기능을 확장하고 자동 수정, 직관적 인 오류 메시징 또는 인앱 설명서를 사용하여 초보자를 위한 학습 곡선을 낮추기 위해 JavaScript, HTML 및 CSS와 같은 최신 웹 기술을 사용합니다.


http://framer.com/

http://framer.com/examples

http://framer.com/docs

https://www.facebook.com/groups/framerjs/


Articles 

https://medium.com/road-to-infinity/designer-coder-and-not-the-other-way-around-4288098986e1#.a1ks034fn

https://medium.com/@drocarmo/why-framer-js-matters-93eb1206e606#.846k6rca6


Videos 

https://www.youtube.com/watch?v=mqk9Fw8FKLY

https://www.youtube.com/watch?v=gX0n4JUl18g


Tutorials

http://framerjs.com/learn/basics

https://www.youtube.com/playlist?list=PL9p5auxyrweMB6JVO24jFvW4NZufHacjz

https://medium.com/@designforhuman/new-to-framer-just-3-things-to-get-you-started-47397f27c71e#.uk7q8mqts

https://medium.com/@sean_mateer/framer-js-for-people-who-think-things-like-framer-js-are-weird-and-hard-add2068c8114#.epx95tg0t

http://humaan.com/prototyping-with-framer/

http://blog.tackmobile.com/article/prototyping-framer-js/

http://www.cutandfold.co/blog/2015/9/7/making-you-first-framer-prototype

http://www.cutandfold.co/blog/2015/9/8/building-your-first-prototype

https://medium.com/@kennycheny/creating-your-first-prototype-with-framer-c39221da7668#.3jcem1x61

http://codepen.io/collection/nRzzaZ/

https://web.archive.org/web/20160304015511/https://blog.grandcentrix.net/motion-is-emotion/

https://www.youtube.com/watch?v=qFUXxqzZytU

https://medium.com/facebook-design/using-parse-to-power-up-your-framer-prototypes-88cb87009d00#.8noe6r2wb

https://medium.com/facebook-design/give-your-framer-prototypes-a-better-memory-212b26e0f934#.6ws4983e7

https://medium.com/framer-prototyping/working-with-svg-paths-in-framer-43d3c2d08adc

http://martenbjork.com/2016/05/managing-styles-and-css-in-framer/ 

https://medium.com/bpxl-craft/developing-a-framer-module-dbf6a7d6ffc9#.ju0gck7hd

https://uxdesign.cc/vr-based-viewmaster-in-framer-js-72858df6570f#.r8ylyzbks

https://medium.com/framer-prototyping/prototyping-speech-recognition-in-framer-js-9cbbbd01757#.dkwuowqwy

https://www.mapbox.com/blog/power-framer-prototype-with-mapbox/

https://framer.com/blog/posts/how-to-create-high-quality-gifs


Video Courses 

https://www.skillshare.com/classes/design/Mobile-App-Prototyping-Designing-Custom-Interactions/382444545

https://www.udemy.com/framerjs-prototyping-design-interaction-animation/?couponCode=FRAMER

http://www.sketchcasts.net/episodes/prototyping-with-framer-part-1

https://player.oreilly.com/videos/9781771374620

https://www.pluralsight.com/courses/ui-prototyping-framer-js

https://www.pluralsight.com/courses/ui-prototyping-framer-js

http://www.framercasts.com/

https://www.lynda.com/FramerJS-tutorials/UX-Design-Tools-Framer/562923-2.html

https://www.youtube.com/playlist?list=PLWlUJU11tp4f41p4dzizVkjjTQ38kA0wG

https://designers.how/topics/framer

https://www.youtube.com/playlist?list=PLIZVb6Yuw91yGUNbSNEHvWWHkdol6SJUW


Examples 

http://thatedchao.com/published/2014/10/27/framer.html

http://share.framerjs.com/ft0uwf1jweid/

http://share.framerjs.com/mraze47eux9w/


Modules 

https://github.com/peteschaffner/framer-googlefonts

https://github.com/petterheterjag/tabBarModule

https://github.com/isaacw/framer-animation-collections

https://github.com/leinerud/framer.iosnotification

https://github.com/nilshoenson/Framer-Grid

https://github.com/facebook/shortcuts-for-framer

https://github.com/cupofjoakim/framer.placehold

https://github.com/jchavarri/FramerNavigationComponent

https://github.com/offirg75/framer.RippleTransition

https://github.com/peteschaffner/framer-icon

https://github.com/cupofjoakim/framer.makeGradient

https://github.com/ajimix/WatchKit-Framer

https://github.com/benjaminnathan/Framer-AudioPlayer

https://github.com/stakes/Framer-VideoPlayer

https://github.com/RayPS/Framer-Module-ShakeEvent

https://github.com/ktcy/CameraLayer

https://github.com/supsupmo/ios-keyboard-for-framer

https://github.com/awt2542/textLayer-for-Framer

https://github.com/joshmtucker/Kinetics

https://github.com/joshmtucker/Kinetics

https://github.com/ajimix/Input-Framer

https://github.com/72/StickyHeaders-for-Framer

https://github.com/joshmtucker/OrientationEvents

https://github.com/joshmtucker/ScaleFrame

https://github.com/peteschaffner/framer-label

https://github.com/aboutjax/framer-equally-rotate-images

https://github.com/nickmangos/framer-colour-transition

https://github.com/peteschaffner/framer-webview

https://github.com/peteschaffner/framer-uistatusbar

https://github.com/karlerikjonatan/framer.module.ajax

https://github.com/karlerikjonatan/framer.module.fill

https://github.com/chriscamargo/framer-viewNavigationController

https://github.com/awt2542/Layers-for-Framer

https://github.com/joshpuckett/FramerModules/tree/master/SVGLayer

https://github.com/jonastreub/VRComponent

http://jrdn.io/dO4r

https://github.com/imaaronjames/Simple-Android-Ripple

https://github.com/imaaronjames/Simple-Android-Keyboards

https://github.com/imaaronjames/Simple-Android-Toast

https://github.com/imaaronjames/Simple-Android-Snackbar

https://github.com/vladimirshlygin/framer-path

https://github.com/k-vyn/framer-material-kit

https://github.com/k-vyn/framer-ios-kit

https://github.com/marckrenn/framer-Firebase

https://github.com/mamezito/spotifyApiFramer

https://github.com/awt2542/ViewController-for-Framer

https://github.com/Volorf/Gridddle

https://github.com/floludwig/SliderLibrary

https://github.com/72/StickyHeaders-for-Framer

https://github.com/alandickinson/framer-view-stack

https://github.com/bpxl-labs/RemoteLayer

https://github.com/martenbjork/distribute-layers

https://github.com/tjphilli/Framer-ValueLayer

https://github.com/mrrocks/perspective-view

https://github.com/IanBellomy/Pair


UI Libraries 

https://github.com/facebookincubator/ios-11-gui-for-framer

https://github.com/steveruizok/framework

https://gumroad.com/l/DbsPj


Sites 

http://www.prototypingwithframer.com/

http://framerco.de/


기타

https://github.com/kysely/framer-modules

https://github.com/robotdestroy/Framer-Snippets-Library

https://github.com/mattsjohnston/stitch

https://github.com/alexchantastic/framer-bootstrap

https://framer.com/fiber/

https://framer.com/voyage/

https://framer.com/assets/static/downloads/kits/ios-kit.zip

https://framer.com/assets/static/downloads/kits/android-kit.zip

https://framer.com/assets/static/downloads/kits/web-kit.zip

https://framer.com/assets/static/downloads/kits/wireframe-kit.zip