Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Teams
  • Showcase
  • Developers
  • Resources
    • Tutorials
    • Examples
    • Components
    • Templates
    • Sessions
    • Support
    • Updates
  • Blog
  • Pricing
  • ···
    • Blog
    • Pricing

Wireframe Template

Start mapping out any design project in a matter of minutes using this free wireframing template.

Start prototyping for free
Wireframing kit in Framer

Free Wireframing template

As a true all-in-one tool, Framer empowers you to start and finish your design process all in one place. Start with wireframing, and in no time, you’ll be able to expand on ideas and bring them to life. Wireframing your designs before adding content and visuals allows you to map out layouts, navigation, and information architecture. You can start wireframing with pen and paper, but sometimes it’s best to dive right into your digital canvas with a strong wireframe template. You’ll save yourself time with layout tools that allow you to move elements around effortlessly. Once your flows and layouts are all mapped out in the canvas with arrows and placeholders from the free wireframing kit, you’re ready to share these early stage concepts.  Once you get sign-off on your app or landing page wireframes, you can start creating a real interactive design.

Open template in Framer
Responsive wireframe template

Fully responsive wireframe template

Start your desktop or mobile app wireframe with premade screens to preview how designs will look at any size. Responsive design starts in the wireframing stage of your workflow, where you’ll map out your layouts to account for all device sizes.  a wireframing template that includes multiple device sizes, wireframing components that work in any interface, and previewing that allows a fully responsive experience

Open template in Framer

Website and mobile app wireframe templates

The wireframing template includes arrows and placeholder elements to start mapping out app and website flows. You can quickly create wireframes for any interface with Framer.Use the placeholder elements to lay out how your content appears in real life. When you’re ready to test your layouts, you can quickly replace placeholders with real images, videos, and interactive components right from Framer's Insert Menu. Think of the Insert Menu as your free library of interactive design components from buttons and toggles to beautiful design assets and illustrations.

Open template in Framer

Start designing your next app or website.

Free design software

Framer is your all-in-one tool for designing stunning products for free.

Wireframe mockups: From UI to UX

In Framer, you can design how features work, not just how they look. Show teammates and stakeholders exactly how you envision your design working with interactive wireframes, too.

Design tool for teams

Work on projects together with real-time collaboration.

Easily create interactive wireframes

Design app or website wireframes in Framer. You have the freedom to make anything interactive even before you add content—buttons can be clicked, UI elements move, and animations and transitions can be customized for any interaction. Ensure you’re always wireframing with real use cases in mind by starting your designs with this free wireframing template. Anything you mock up can be easily transformed into a fully functional Smart Component complete with interactions, animations, and custom properties.

Open template in Framer

More templates

Template preview of Landing Page Kit

Landing Page Kit

Free landing page template to help you create the best sites for mobile or desktop.

Open in FramerLearn more
Template preview of Material Design Kit

Material Design Kit

Get every UI element and component to design the best mobile and desktop experiences for Android.

Open in FramerLearn more
Template preview of Dashboard

Dashboard

The dashboard template provides a great starting point to design your first functional dashboard with charts.

Open in FramerLearn more

Explore all templates

Choose from a range of ready-to-use templates to save time and jumpstart any project, design, or wireframe.

View all templates
Scrolling preview.
Paging preview.
Video player preview.
User Story Map preview.
Dashboard preview.
Portfolio preview.
Ecommerce preview.
Restaurant preview.
Annual Report preview.
Photography Portfolio preview.
Landing Page Kit preview.
Input Form preview.
Material Design Kit preview.

Framer

  • Teams
  • Pricing
  • Showcasenew
  • Blog
  • Developers
  • Updates

Platforms

  • Web
  • macOS
  • Windows
  • iOS
  • Android

Learn

  • Tutorials
  • Examples
  • Templates
  • Sessions

Resources

  • Components
  • Input Kit
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2022 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement