A free web-based wireframing tool for UX and UI design
Framer is a free tool for app and web design wireframing. Free to use. Available on Windows and Mac.
Trusted by some of the best in the business
An intuitive website wireframe tool
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.
for iOS and Android apps
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.
App wireframes designed in Framer 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 usecases in mind.Get Started for Free
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.View the examples gallery
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 UX wireframing tool for modern teams.Visit the teams page
Going from UX 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.Learn more about Magic Motion
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.Learn more about user testing in Framer