A free wireframe tool for apps and websites
Framer is a free tool for creating website and app wireframes. Available on Windows and Mac.
Trusted by some of the best in the business
An intuitive web-based wireframe creator
Bring your ideas to life faster, thanks to Framer’s interactive-by-default workflow. It’s UX wireframing made easy, thanks to ready-made starter kits and UI elements. Arrange layouts with grids, and automatically design evenly spaced elements with Stacks.
Reusable components means you can keep iterating and building upon wireframes without starting from scratch. Then use the Connector to link between screens to design, test, and iterate on user flows. Present wireframes that truly communicate your vision. No meetings, fewer specs—a website wireframing tool for teams.
Wireframing software for iOS and Android
UX wireframing in minutes, not days. Use the Insert menu to browse, drag and drop pre-made buttons, progress bars, loading indicators, media players and more into your mobile wireframes.
Designs made in Framer's wireframe software can be interactive from the start—buttons can be clicked, elements move, plus animations and transitions can be customized for any interactions. It’s the best way to ensure you’re always wireframing with real use cases in mind.
Get inspired with UX wireframing patterns
You can design an interactive wireframe of anything, from to-do lists and e-commerce websites to photo galleries and onboarding flows, everything is possible in Framer. Explore the Framer example gallery to find building-blocks for all UX wireframe samples and more.
This gallery of over 50 examples projects contains any common UX pattern you might need to help you get started in Framer. See how interactions are created and use them in your own wireframing projects to get an idea for your design in minutes.
Collaborative wireframing starts here
Equip your team with an interactive design tool that allows the whole team to collaborate on early UX wireframing ideas in one place. Edit designs, leave embedded feedback, and thread comments.
Invite collaborators to your wireframe project with one click, work in the same file with multiplayer editing and leave inline comments or sticky notes for a truly remote workflow. It’s a first-of-its-kind free wireframing tool for modern teams.
Go from website or app wireframe to product
Because Framer is built to be interactive from the get-go, it’s easy to go from wireframe to product, all in the same tool. Simply right-click to swap out static elements and replace them with interactive components. Use the Connector to quickly draw a link between frames and customize smooth native-like transitions.
Our interactive tool Magic Motion helps you design and customize unique animations right on the canvas. You won’t need to worry about doing double work. Thanks to our underlying technologies, animations designed in Framer can be used 1:1 in production. It’s the only wireframing and prototyping tool that merges the workflow between designers and developers.
Preview and test your interactive wireframes
Stress test designs by dragging the Preview window to any device size, all while your transitions stay smooth and clean on every screen. Validate your app or website wireframe’s complete experience in any browser, or on our native iOS or Android apps. View and test your interactive app or website wireframe in seconds, without coding.
Send a link to anyone, anywhere in the world for stakeholder buy-in and remote user testing. Easily rearrange buttons, blocks and entire layouts on the fly to validate a secondary theory immediately—anyone with the prototype link will receive updates in real-time.