awesome-framer
github.com/podo/awesome-framer ↗A curated list of awesome things related to Framer prototyping tool
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me modules resources from awesome-framer"
Installation instructions →What's inside
Modules
- 3D Touch Module
Module for iOS 3D Touch support by
- CameraLayer
Framer layer displaying camera image.
- Cloudstitch Framer Module
Module lets you load data from Google Spreadsheets and Microsoft Excel directly into your Framer projects.
- Comment-for-Framer
Framer module for making comments in your prototypes.
- ControlPanelLayer
Framer module for creating a developer panel to control aspects of the prototype from within the prototype.
- distribute-layers
This package helps you position multiple Framer layers with ease.
Other
- AllFramer
Discover the curated list of Framer templates, components, blocks, plugins, and more with a blazing-fast search & filter experience!
- Android Kit
Material Design elements for your next Android app. Direct link.
- Fiber
A free interactive UI kit with 15 screens.
- framer-bootstrap
Use Framer Library in your preferred editor and environment.
- framer-modules
Discover, install and save your favorite modules at one place.
- Framer Snippets
Library of Framer snippets to help speed up workflow.
Tutorials
- Building Your First Prototype
Second guide by Andrew Nalband, where you start building real prototype from Sketch file.
- Creating Your First Prototype with Framer
Animation tutorial by Kenny Chen.
- Developing a Framer Module
John Marstall teaches how to create a Framer Module.
- Framer.js for people who think things like Framer.js are weird and hard
Sean Mateer makes weird and hard things look easy.
- Framer.js Official Basics
The place to start prototyping with Framer.
- Framer.js Workshop
Collection of Framer examples by
Articles
- Designer / coder, and not the other way around
Paul Cotton talks how he started using Framer.
- Why Framer.js Matters
Pedro Carmo on why Framer is a tool designers should start using.
Video Courses
- designers.how Framer Courses
List of basic and more advanced Framer courses.
- Framercasts
Advance your Framer knowledge with real world examples produced by
- Framer Crash Course
Crash course learning the basics of design and code on Framer.
- Framer for UX Design
Emmanuel Henri shows both how to use non-coding Framer tools and how the usage of programming fits into the UX design process.
- Framerjs: Innovative prototyping and design with interaction
54 parts, 6 hours course by
- Framer Studio for Beginners: A Comprehensive Guide
Series of videos that walk you through designing and coding in Framer using hands-on projects by
Videos
- FORM SF 2014: Panel - Design Tooling
Discussion between creators of popular design tools (including Koen Bok from Framer) on the value of prototyping, lessons learned in crafting products for designers, and the future of UX tools.
- Stripe Speaker Series: Designing with Framer
Koen Bok and Jorn van Dijk give a short talk and Q&A focused on Framer that also covers prototyping in general and a discussion of the various design tools available in the market.
Showing a sample of 147 resources. View the full list on GitHub →