All activity
Wireframer turns a single prompt into a clean, responsive layout—focused on hierarchy and flow. It provides a solid foundation without locking you into a specific style.
Wireframer AISmart website layout generation for fast starts
Workshop turns prompts into powerful, editable components for your site. Describe what you want, tweak in a chat, and deploy. No dev hours needed.
Framer WorkshopBuild powerful components through simple instructions
Bring your own website into Framer with a few clicks. Once you have installed the extension, simply hover over any element such as text, images, buttons, or entire layouts. Click to copy, then go to Framer and press ⌘V (or Ctrl V on Windows) to paste.
HTML to FramerMove your site to Framer, one copy paste at a time
✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.
Framer AIStart your next site with AI
Koen Bokleft a comment
This is a great way to quickly generate new visual ideas. One of the first truly computational creativity tools out there.
AI CanvasFigma meets Midjourney and DALL–E
🔥 Design real websites right on the canvas. Publish in seconds. All with blazing fast performance. We’re shipping a new version of Framer, and we would love your help. Learn more at https://bit.ly/framer-beta
Framer Sites BetaDesign real websites right on the canvas, publish in seconds
Introducing Framer For Developers. Your home for everything code in Framer — see what’s new:
• 10x faster code editor
• NPM support (beta)
• Use Smart Components in code
• Auto Size in code
• Sharing code with a link
Explore the rest — framer.com/developers
Framer for DevelopersThe power of the browser with the freedom of a canvas
Introducing the Landing Page Kit, a set of drag and drop building blocks that make it easy to design a fully interactive website. Built for both desktop and mobile sites.
- 60 components
- 100+ of customizable properties and interactions
- No code required
Landing Page Kit from FramerA drag & drop website kit
Templates from Framer are here. Choose from 14 beautiful and inspiring templates to help kickstart your next design project. These default templates include everything from UI kits to input forms and full interactive apps.
Templates from FramerFree design templates
Introducing Smart Components in Framer, a new standard for interactive component design. From complete navigations and buttons with multiple states to nested hover effects, build anything visually and in just a few clicks—no code required. Learn more here.
Smart Components by FramerDesign interactive components with multiple variants
The 2020 State of Prototyping report, by Design Week and Framer, offers an unprecedented look at global, industry trends. Based on data from a survey of senior designers and in-depth interviews from VPs at companies like Salesforce, Instagram, VW, and more.
The State of Prototyping ReportA global industry report by Design Week and Framer
Introducing a new browser-based way to create stunning interactive prototypes, no code required.
Framer for WebThe best prototyping tool for teams, available for free
Now designers can bring their Figma projects into Framer and create powerful interactive prototypes in minutes.
Figma Importer for Framer WebSeamlessly import Figma designs into Framer Web
Framer is coming to the web! Designers and developers will be able to work in the same project file, leave pinned comments, and share with a single link.
Framer WebFramer is coming to the web.
In recent years, React has become the de facto way to build big and fast web apps in JavaScript. In this eBook, Framer co-founder @KoenBok unravels the mystery of React for designers through skimmable chapters on the theory, syntax, and tools of the trade.
Framer Guide to ReactA guide to using React for designers
Koen Bokleft a comment
Linton has single handedly taught hundreds of designers how to code and people are raving about his materials and ability to explain things that seemed hard before. This course is no different and well worth investing in.
Prototyping with React + FramerAn expedited ride to a new galaxy of creativity
Koen Bokleft a comment
I built you a curated guide for when you're just starting: http://bit.ly/framer-react The goal is to help you build things you could only imagine before. I have seen thousands of people learn how to code. You can do it too.
Framer PlaygroundA new creative coding environment in Framer X
Framer Playground is a brand new creative coding environment, available now in Framer X. It’s made up of three parts: a built-in code editor that helps you learn React as you go, an extensive animation library, and comprehensive docs.
Framer PlaygroundA new creative coding environment in Framer X
Framer Playground brings a new code editor, animation library and world-class docs to Framer X—empowering you to invent new interactions through creative coding.
Framer PlaygroundReact code editing for designers, right inside Framer X
Introducing the Page tool, a new interactive tool in Framer X that allows you to go beyond simple horizontal and vertical swipe gestures. Get ready to design tons of new interactions, from 3D transitions to velocity-based snapping and more.
Framer X: Page ToolSwipe gestures made simple.