Whether you’re starting a new board 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 and Access
Visily offers a wide range of templates for different use cases, from individual UI screens to apps, flows, design components, and diagrams. You can access these templates by opening the Template Dialog (press the hotkey W) or by visiting the Template tab in the Wireframe library and Diagram library panels.
UI Screen templates
UI Screen templates in Visily include both web and mobile screens, organized into categories such as login/signup, admin dashboards, landing pages, and more.
In the Template dialog, at the Screens tab:
- Use the search bar to enter keywords and find relevant templates, and the Web/Mobile toggle to filter them by your preferred screen size.
- Hover over a template thumbnail and click “Preview” to see it in detail. You can adjust the zoom while previewing.
- When you hover over a thumbnail, the “More details” option will appear, showing information about the parent flow or category the screen belongs to. If you’d like to explore that flow or find similar screens, click the tag to apply a filter and view relevant results.
- To add templates to your board, select the ones you want and click the “Add template” button at the bottom right of the dialog.
Apps and Flows templates
App Templates are sets of screens arranged in a meaningful flow to represent a complete application type, for example, a meditation app, an e-commerce website, or a CRM tool.
Alongside these, Flow Templates focus on common UX patterns by grouping screens into logical flows that appear across many applications, such as onboarding, checkout, or payment processes.
In the Template dialog, at the Apps tab or Flows tab:
- Preview all screens at once: Hover over the thumbnail to see a quick preview. Clicking the thumbnail opens the full list of screens included in that category.
- Add all screens at once: Use the “Add” button on the thumbnail or the “Add all screens” button within the screen listing to insert every screen from the app/flow into your board.
- Add selected screens: If you don’t need them all, you can still add individual screens directly from the screen listing.
Diagram templates
Diagram templates are organized into three categories for easy browsing: Diagram & Flowchart, Strategy & Planning, and Meetings. You can access them either through the Template dialog under the Diagrams tab or directly from the Diagram Library under the Templates tab.
You can quickly preview and add a template directly from its thumbnail, or open it in Preview mode to zoom in for a closer look. From the Preview view, simply click “Use this template” to add it to your board.
Component templates
Screen Templates give you a starting layout, while Component templates help you build it out in detail.
These ready-made elements save you from building everything from scratch, helping you structure layouts faster, keep designs consistent, and speed up your workflow.
Component templates include cards, forms, menus & navigation, popups & dialogs, tables & lists, charts, alerts & messages, website blocks, form controls, and more. You can access them from the Wireframe Library panel under the Templates tab. To quickly find what you need, use the search bar to enter keywords, and filter results by screen size with the Web/Mobile toggle.
Template Credits
Using templates deducts a set number of template credits once they’re added to the board.
Monthly Allocation
Each plan in Visily comes with a specific amount of Template credits per month. Here’s the breakdown:
| Plan | Template credit limit |
| Starter (Free plan) | 150 credits / workspace / month for 1st month 300 credits upon workspace creation |
| Pro | 8,000 credits/ workspace editor / month 1,600 credits/ guest editor / month |
| Business | Unlimited credits |
These credits are replenished at the beginning of each billing cycle, allowing you to consistently leverage premade templates in your design projects.
Template Credits Consumption
There are different types of templates inside Visily, each consumes a specific number of credits per use:
| Feature | Description | Credit cost |
| Screen templates | Templates of UI screens in different categories, e.g. dashboard, landing page, checkout etc. | 30 credits / screen |
| Component template | Templates of UI building blocks, e.g. dialogs, forms etc. | 10 credits / component |
| Diagram template | Templates of diagrams, user flows, brainstorming, planning etc. | 20 credits / component |
Template credit usage will be shown once you’ve used more than 60% of your limit.
