A free tool for UI and UX design

A free tool for UI and UX design

A free tool for UI and UX design

Framer is a free platform that allows you to create realistic UI and UX designs, for any type of website, that are interactive from the start.

Insert

Layout

Frame
Text
CMS
Published
Desktop
·
1200
Breakpoint
Example of a website
Phone
·
390
Breakpoint
Example of a website displayed on a mobile device

A collaborative UI design tool

More than just a UI design software, Framer helps teams build better products. Collaborate with other designers, copywriters, and developers in real time on all your UI and UX designs in one end-to-end interactive design tool.

Multiplayer

You can work together on the whole process. From wireframing the UI to handoff, it’s easy to invite anyone to your Framer project and start collaborating thanks to robust, intuitive multiplayer features.

Cursors with names
Cursors with names
Cursors with names
Memoji avatar of a Framer user

Let’s use a grid layout over here?

Great idea, I’ll fix it!

Memoji avatar of a Framer user
Memoji avatar of a Framer user

Let's use a grid layout?

Great idea, I’ll fix it!

Memoji avatar of a Framer user
Memoji avatar of a Framer user

Let’s use a grid layout over here?

Great idea, I’ll fix it!

Memoji avatar of a Framer user

Comments

Your team can even leave comments and respond to feedback right on the canvas. Framer’s UI tool helps shorten tedious feedback loops and empowers you to ship outstanding products.

The UX tool for interaction design

Design website or app UI with any type of interaction, from to-do lists and forms to galleries and carousels. Everything is possible in Framer. Explore Insert Menu to find building blocks for simple and complex UX design interactions alike.

https://your-website.framer.website/

User avatar in a browser
Abstract wallpaper
Abstract wallpaper

Design for UX

A good UX tool should allow you to design how things work, not just how they look. With Framer you can design exactly how interactions and transitions will work in production–no code required.

Real components and integrations

On top of customizable UI interactions, transitions, and animations, you can also add realistic interactive components that behave exactly as expected. That means buttons that you can click, toggles that toggle, and sliders that slide.

Framer integrations: Google Maps, Mailchimp, Vimeo and Soundcloud
Framer integrations: Google Maps, Mailchimp, Vimeo and Soundcloud
Framer integrations: Google Maps, Mailchimp, Vimeo and Soundcloud
Icons representing interactions in Framer such as side menu, draggable sheet, toggle, checkbox, media plaeyer, tabs and card expand
Icons representing interactions in Framer such as side menu, draggable sheet, toggle, checkbox, media plaeyer, tabs and card expand
Icons representing interactions in Framer such as side menu, draggable sheet, toggle, checkbox, media plaeyer, tabs and card expand

Interactivity

All UI/UX designs made in Framer are real from the start, with interactivity at the core of everything you create. Hyper-realistic interactive UI designs mean you spend more time designing, and you get quicker buy-in, better results from user testing, and streamlined developer handoff.

Design UI for iOS, Android, and more

Try creating UI for websites or mobile with real components from the Insert Menu. Drag and drop UI elements for iPhones, Androids, MacOS, and more to get your interactive designs started.

Preview

Experiment with different backgrounds, hands, and real devices to customize how people experience your interactive designs in preview. You can publish your project and preview your app UX on any iOS or Android device.

Realistic mockup showing hand holding an iPhone
Realistic mockup showing hand holding an iPhone
Realistic mockup showing hand holding an iPhone
Website and a website address in a browser
Website and a website address in a browser
Website and a website address in a browser

Present and share UI designs

Once you’ve created your app or website UI, send a link to friends or team members so they can navigate around your interactive UI. Anyone can experience the full app or website UX.

Design and publish a site today.