UI Screen Templates in Visily

UI Screen Templates in Visily

This article explains what UI Screen Templates are in Visily and how to use them to speed up your design workflow.

What UI Screen Templates are

UI Screen Templates are prebuilt screen designs you can add to your board as a starting point. In Visily, they include both web and mobile screens, organized into categories such as login/signup, admin dashboards, landing pages, and more.

How to access UI Screen Templates

You can access UI Screen Templates in Visily in the following ways:
  1. Open the Template Dialog by selecting Add new → Wireframe templates, or press W. 

  2. Open the Templates tab in the Wireframe Library

In the Template Dialog, UI Screen Templates are available under the Screens tab.

How to use UI Screen Templates

When browsing UI Screen Templates, you can:
  1. Use the search bar to find templates by keyword. 

  2. Use the Web/Mobile toggle to filter templates by screen size

  3. Click Preview to review a template in more detail. You can also adjust the zoom level while previewing.

  4. Click More details on a template to see the parent flow or category it belongs to.

  5. Click the related tag to apply a filter that help you explore similar screens

  6. Select one or more templates and click Add template to add them to your board

Notes

  1. UI Screen Templates are different from Component Templates. Screen Templates give you a starting layout, while Component Templates help you build out details within a layout. 
  2. Adding templates to a board uses Template Credits. UI Screen Templates cost 30 credits per screen.
  3. The search bar in the Template Dialog works across tabs. You can search from Screens, Apps, Flows, or Diagrams, and the results will appear across all tabs, so you can find and insert what you need more quickly.

  4. If you cannot find the template you need, try searching other Visily design libraries first. If you already have a reference design, you can also import it using the Visily browser extension or from Figma. You can also choose Generate with AI and let Visily AI create a design for you instead.
Need more help?
If this does not solve your issue, contact support and include a screenshot if possible.

    • Related Articles

    • App Templates in Visily

      This article explains what App Templates are in Visily and how to use them to speed up your design workflow. What App Templates are App Templates are sets of screens arranged in a meaningful flow to represent a complete application type. Examples ...

    • Component Templates in Visily

      This article explains what Component Templates are in Visily and how to use them to build designs faster. What Component Templates are Component Templates are ready-made UI building blocks that help you add detail to your design without creating ...

    • Flow Templates in Visily

      This article explains what Flow Templates are in Visily and how to use them to speed up your design workflow. What Flow Templates are Flow Templates are sets of screens grouped into common UX patterns that appear across many products and ...

    • Diagram Templates in Visily

      This article explains what Diagram Templates are in Visily and how to use them to create diagrams faster. What Diagram Templates are Diagram Templates are premade templates for common diagram, planning, and brainstorming use cases. In Visily, they ...

    • How to share element and screen

      Share a direct link to a specific screen or element when you want collaborators to focus on a particular part of your board. Before you start Make sure both you and the recipients have permission to access the board as links to screens or elements ...