Skip to content
English
Submit a request
  • There are no suggestions because the search field is empty.

How to Create a New Microapp — Templates, Scratch, and Design Tool Import

This guide explains the three ways to start a new microapp in Tiled: from a template, from scratch, or by importing an existing design from an external tool.

Overview

When you create a new microapp, a guided creation flow presents you with three starting paths. Choose the one that fits your situation — you can always add interactivity, personalization, and animations after the initial creation regardless of which path you take.

Starting Paths

Start from a Template

Browse a curated library of templates organized by use case. Each template comes with placeholder content and a pre-built layout you can customize.

  1. In the creation modal, select Start from a Template.
  2. Browse the template categories and select the template that best fits your needs.
  3. The template opens in the Builder, ready for you to customize.

Start from Scratch

Begin with a blank canvas if you prefer to build your layout from the ground up.

  1. In the creation modal, select Start from Scratch.
  2. Choose your format and orientation settings.
  3. The Builder opens with a blank canvas.

Import from a Design Tool

Convert an existing design file from Canva, Figma, PowerPoint, Google Slides, Adobe XD, InDesign, or PDF into a Tiled microapp.

  1. In the creation modal, select Import from Design Tool.
  2. Drag your file into the upload area, or click to browse for a file.
  3. Follow the prompts to complete the import.

For full details on supported formats and import behavior, see How to Import Designs from Canva, Figma, PowerPoint, and Other Tools into Tiled.

Uploading Files with the Dropzone

The creation modal includes a drag-and-drop upload area for design files. You can drag a file directly from your desktop onto the browser window — a visual drop target appears to confirm the file is ready to upload.

While your file uploads, a progress indicator shows the status. If something goes wrong, you'll see a clear error message without losing your place in the flow.

Common upload errors:

Error What it means
Unsupported file type The file format isn't supported. The error message lists supported formats.
File too large The file exceeds the size limit for that format. The error message shows the maximum supported size.
Upload failed A network or server issue interrupted the upload. Select Retry to try again — the modal stays open.
Template failed to load The selected template couldn't load. You'll be offered the option to start from scratch instead.

Learning the Basics — In-App Tutorials

Tile Personalization

If you're new to personalization, an in-app tutorial walks you through the essentials:

  • What personalization is and how it works
  • How to add a personalization field to a text, image, or video tile
  • How to set a default value and preview personalized content
  • How viewers interact with personalized content

Getting Started After a Design Import

If you create a microapp by importing a design file, an onboarding tutorial covers the key things to know as you move from a static design into Tiled:

  • The difference between a static design file and an interactive Tiled microapp
  • How your imported content maps to Tiled tile types
  • Next steps for adding hotspots, animations, personalization, and sharing

Common Questions

Can I switch to a different starting path after the modal is open?
Yes — the three paths are presented as options within the modal. You can navigate between them before confirming your selection.

What if I don't see the template I'm looking for?
Browse by category to narrow the options, or start from scratch and build the layout you need. Account-level custom templates created by your Library Administrator also appear in the template library.

Can I drag a file directly onto the browser without opening the creation modal first?
The dropzone is part of the creation modal. Open the modal first, then drag your file onto the upload area.

What happens to the tutorial if I dismiss it?
If you dismiss an in-app tutorial, you can typically reopen it from the help menu or settings. Check the related articles below for the full written version of each tutorial topic.