Framer 프로토 타입 도구 문서, 리소스, 자습서 및 기타 관련 항목의 선별된 목록
본문
Framer는 애니메이션 및 대화 형 프로토 타입을 만드는 도구입니다.
고급 사용자를 위한 기능을 확장하고 자동 수정, 직관적 인 오류 메시징 또는 인앱 설명서를 사용하여 초보자를 위한 학습 곡선을 낮추기 위해 JavaScript, HTML 및 CSS와 같은 최신 웹 기술을 사용합니다.
https://www.facebook.com/groups/framerjs/
Articles
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
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/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://www.mapbox.com/blog/power-framer-prototype-with-mapbox/
https://framer.com/blog/posts/how-to-create-high-quality-gifs
Video Courses
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
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
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
Sites
http://www.prototypingwithframer.com/
기타
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/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
- 이전글Free software 19.02.07
- 다음글Markdown 항목의 선별된 목록. 19.02.07