Editor
How to use spell check in a board
Use Spell check to identify and correct spelling errors in text across your board. Spell check is enabled by default and supports multiple languages. Before you start Make sure you have access to the board and permission to edit its content. How ...
How to change the mouse wheel behavior on the canvas
Choose whether scrolling the mouse wheel pans vertically across the canvas or adjusts the zoom level. This lets you use the navigation behavior that best matches your workflow. Before you start Make sure you have access to the board. Change the mouse ...
How to zoom in and out on the canvas
Adjust the canvas zoom level to review design details or see more of your board at once. Zooming changes only your view of the canvas and does not affect the size of your design elements. Before you start Make sure you have access to the board. Use ...
How to switch between Pan Mode and Select Mode
Use Select Mode when you want to select and edit objects, or switch to Pan Mode to move around the canvas without accidentally selecting or repositioning elements. Before you start Make sure you have permission to edit the board. Switch between Pan ...
How to group and lock elements
Group related elements so you can move, resize, and organize them together. You can also lock elements or groups to prevent accidental changes while editing other parts of your design. Before you start Make sure you have permission to edit the board ...
How to navigate and organize your design with Layers
Use the Layers panel to view every object on your board, understand how elements are nested, and quickly select or organize complex designs. Before you start Make sure you have permission to edit the board and are in design editing mode. Access the ...
How to adjust element position, size, and layer order
Use the Layout Properties panel to precisely position and resize elements or change which elements appear in front of or behind others. Before you start Make sure you have permission to edit the board and are in design editing mode. Access Layout ...
How to align elements
Use alignment tools to arrange elements, groups, and screens consistently. You can align one element relative to its parent or align multiple objects relative to one another. Before you start Make sure you have permission to edit the board and are in ...
How to apply blur effects to elements
Use blur effects to soften an element or blur the content behind it. Blur can be applied to containers, shapes, images, and supported Smart Components such as buttons and input fields. Before you start Make sure you have permission to edit the board ...
How to apply colors and gradients to elements
Use the color settings in an element’s toolbar to apply solid colors or gradients. Depending on the selected element, you can customize properties such as its background, text, icon, border, or connector color. Before you start Make sure you have ...
How to add and use icons in Visily
Use icons to represent actions, features, navigation items, statuses, and other visual information in your design. You can select an icon from Visily’s built-in Icon Library or upload your own custom icon. Before you start Make sure you have ...
How to copy and paste styles between elements
Use Copy and paste styles to quickly apply the visual appearance of one element to another without recreating each style setting manually. This helps you maintain consistent colors, text formatting, borders, shadows, and other visual properties ...
How to use layout grids and board grids
Use grids to align elements, maintain consistent spacing, and organize designs more precisely. Visily provides two types of grids: Layout grids apply to selected screens and help structure the content inside them. Board grids, also called Grid Mode, ...
How to add elements to the canvas
Add elements to the canvas to create and customize your designs. You can add basic elements from the bottom toolbar or choose ready-made elements from the Wireframe Library and Diagram Library. Before you start Make sure you have permission to edit ...
How to change the board background
Change the board background color to customize your canvas and make your designs easier to organize and present. Before you start Make sure you have permission to edit the board. Change the board background Open the board you want to update. Click ...
How to use anchors
Use anchors to control how an element behaves when its parent container is resized. Anchors help keep elements aligned, positioned, or resized consistently inside screens, containers, and groups. Before you start Make sure you have permission to edit ...
How to add a blank screen to the canvas
Add a screen to the canvas when you want to create a new page, flow step, or design variation in your board. Before you start Make sure you have permission to edit the board. How to add a blank screen Open the board where you want to add a screen. ...
How to use Omni Search
Use Omni Search in Visily to quickly find boards, folders, commands, features, and helpful resources from one search box. You can open Omni Search from both the workspace homepage and the board editor. What you can search With Omni Search, you can ...
How to use Paste to replace
Use Paste to replace when you want to replace an existing design element with another copied element while keeping it in the same position on the canvas. This is useful when you want to quickly swap content, update a design variation, or replace a ...
Keyboard shortcuts in Visily
This article explains how to access the keyboard shortcuts list in Visily while working on a board. How to view keyboard shortcuts Open a board in Visily. Open the keyboard shortcuts list in either of these ways: Click the Help and resources icon, ...
Lo-Fi vs. Hi-Fi in Design Mode
This article explains the difference between Lo-Fi and Hi-Fi in Design Mode in Visily, and how to switch between them. Lo-Fi vs. Hi-Fi Lo-Fi design mode presents a low-fidelity version of the design with minimal visual styling. It is best used to ...