Prototype Everything
summary
Demonstrates building interactive prototypes with Framer — an open source JavaScript library plus Mac IDE — using Coffeescript live coding to drag, constrain, animate and stagger list items inside a for‑loop, import Sketch artboards, and auto‑generate code via out-of-code controls. Shows a flow component for native iOS transitions, a VR component, IoT and ML integrations, and cites real use at Facebook (live reactions) and Google (Gboard). Mentions cloud preview/share, a 14‑day trial (promo extends to two months) and 20,000 users in the community.
AI-written summary · about
chapters (9)
- 0:00Introduction and welcome
- 1:05Designers and engineers collaborating
- 3:12Why prototyping matters
- 5:40History of prototyping tools
- 7:25Live demo of Framer
- 19:38Advanced prototyping examples
- 20:59Real-world Framer use cases
- 21:40Learning to code as a designer
- 22:12Call to action and resources
related talks
01h 01mPrototype Playfully
30mDesigning with React
18mBridging the gap between design prototyping and code
29mBuilding A Diverse And Inclusive Community.
39mDesigning with Components
41mA look at modern protoyping: Sketch, Pixate and more
23mProtoypes, failures, and unexpected breakthroughs
28mOpening & Welcome