Skip to main content
Version: ver. 1.3.0

Assets

The Assets panel in SquareLine Vision is the central repository for all external resources used in the project, including fonts and images. The Assets panel is located in the left sidebar of the interface.

File type restrictions​

SquareLine Vision only supports the following file types for assets:

  • PNG files for images
  • TTF files for fonts
  • SVG files for vector graphics

Main area​

The main area displays all assets added to the project. The default assets include:

  • Montserrat-Regular font
  • Montserrat-Bold font

These fonts provide a starting point for designs without requiring additional font installations.

Searching assets​

  1. Click the magnifying glass icon in the top-right corner
  2. Enter keywords to filter through the assets
  3. The panel will display only matching results

Adding a new asset folder​

  1. Click the file icon in the top-right corner
  2. Name the folder
  3. The new folder will appear in the assets panel

Adding assets​

There are two methods to add assets to a project:

Method 1: Using the add button

  1. Click the plus (+) button in the top-right corner of the Assets panel, or click on the "Upload file" button
  2. Navigate to the file location on the local computer
  3. Select the file and click "Open"
  4. The asset will appear in the Assets panel
Add assets

Method 2: Drag and drop

  1. Locate the files to be added on the local computer.
  2. Select one or multiple files
  3. Drag the selected files directly into the Assets panel
  4. Release to add all selected files simultaneously

Managing assets​

Clicking the three dots at the top of an asset opens the asset management tab.

There are five options inside:

  • Download: Downloads the selected asset.

  • Replace: Replaces the selected asset. If an asset is dragged and dropped with the same file name as an existing asset, a prompt will appear asking whether to replace it or save it under a different name.

  • Rename: Renames the selected asset.

  • Move to: Moves the selected asset to the desired folder inside the asset manager.

  • Delete: Deletes the selected asset.

delete assets

Asset usage information​

At the bottom of the Assets panel, there is a collapsible "Asset usage" section that displays resource utilization:

  • Size max: "Number" MB: The maximum total file size allowed for all assets
    • The progress bar and percentage show how much of this allowance you're currently using
  • Count max: "Number": The maximum number of individual assets allowed
    • The percentage indicates how many of your available asset slots are being used
asset usage