Templates

More templates, more inspiration

Whether you’re starting a new project or looking to enhance existing designs, Visily offers a multitude of templates for you to explore. Utilize these templates as a source of inspiration and quickly bring your ideas to life.

Template types

Visily offers diverse templates of different types for various use cases.

  • UI screen templates: Web or mobile screen templates categorized into different topics, such as login-signup, admin dashboard and landing page.
  • Apps templates: A set of several screens ordered in a meaningful flow that represents a specific app type (e.g. a meditation app, an e-commerce website, CRM tool).
  • Flow templates: A set of several screens ordered in a logic UX flows that are found across different app (e.g. a onboarding flow, payment flow)
  • Diagram templates: Templates for diagrams, user flows, brainstorming, planning, and more.
  • Component templates, or blocks: An extensive collection of UI blocks for you to construct your own screen layout, such as cards, forms, popups and dialogs.

Access the templates

Create projects with templates

When creating a new project, select either “Screen Templates” or “Diagram Templates” and explore our collection. See more in Project Creations.

Create new projects with templates min

Add designs from templates anytime

After creating a project, you can add more templates to the design board anytime. To access the template dialog that contains screen templates, try the options below:

  • Click the “Add screen” button on the left sidebar menu and select “Choose templates”.
  • Press the hotkey W
  • Open the “Library” panel and go to the Templates” tab, and select the “View full-screen templates” button.
Template for screens 10 min 1

Explore the diverse templates

Get to know the template dialog

The template dialog includes screen, app, flow, and diagram templates. For smaller components and blocks, search in the Library panel on the left.

In the template dialog, choose the appropriate tab among Screens, Apps, Flows, or Diagrams to find the templates you need. Use the web-mobile toggle to filter templates based on your desired screen size.


Preview and Explore Screens

To preview a screen or diagram template, hover over the thumbnail and click Preview.  You can adjust the zoom as desired while previewing.

light-bulb
Tip: A screen template in the “Screens” tab may belong to parent categories or apps/flows containing related templates. To access them, click More details on the thumbnail and choose the desired category or parent flow.

Looking for more templates?

If you can’t find the template you need, click on the “Looking for more” button at the bottom right and explore alternative resources:

  • Screenshot to Design AI: Take screenshot of any app or website and convert into editable wireframes in Visily. Learn more at about the feature Screenshot-to-Design AI here.
  • Request Templates: Send us your request for new templates here and we’ll add it to our pipeline for the template library
  • Component Library: Utilize a wide variety of UI elements and blocks to construct your own screens.
Looking for more templates dialog min
Looking for more templates Footer 1 min

Iterate effectively with component templates

Looking for smaller blocks to build your screen? Navigate to the Library in the left menu, and you’ll discover an extensive collection of cards, popups, tables, charts, lists, navigations, website blocks, and much more.

If you’re designing for a specific screen size, take advantage of the filter options “Best for web” or “Best for mobile” based on your preference.

To unlock the full potential of the UI Library, make sure to explore its guide at UI Library.

Related Articles

Subscribe to
Visily now

Don’t miss out on the latest articles to stay a top of UX design and Product management

© 2023 Visily. All rights reserved.

© 2023 Visily, Inc. All rights reserved.