The Resource view is where you import and manage the external assets a project uses. Resources imported here become available to every screen and component, and are converted and embedded into the generated firmware at build time.

Overview

Switch to the Resource view from the view bar.

Resource typeDescription
ImageRaster assets used by image components. Only PNG is currently supported.
FontFont files (*.ttf, *.otf, *.woff) used to build font libraries.

See the codegen guide for how imported resources become generated code.

Importing images

  1. Open the Resource view from the view bar.
  2. Add a PNG image file.
  3. The image becomes available in the resource picker and can be assigned to any image component property.

Note

Only PNG images are currently supported. Uploaded images larger than 2 MB trigger a warning, and images larger than 5 MB are rejected. Very large originals take longer to import, enlarge exported artifacts, and consume more RAM after decoding on the target device. If an image exceeds the limit, optimize it before importing.

See the image guide for the full image pipeline.

Importing fonts

  1. Open the Resource view from the view bar.
  2. Add a font file: *.ttf, *.otf, or *.woff.
  3. The font file becomes selectable when creating a font library.

A font file contains a complete character set. The characters the design actually uses are selected when you create a font library, which is converted into a C source array.

Note

Uploaded font files larger than 8 MB trigger a warning, and files larger than 12 MB are rejected. Conversion time and runtime memory use rise quickly as fonts grow, so when possible, start from a smaller source font or narrow the character set in the font library.

Warning

You are responsible for ensuring that you have the necessary rights and permissions for every resource you import and use.

  • Toolbar - the view bar used to switch to the Resource view.
  • Image - image handling, optimization, and usage.
  • Font library - create a font library from an imported font file.
  • Codegen - how resources become generated code.