--- title: How to Create a New Microapp — Templates, Scratch, and Design Tool Import description: Guided microapp creation with templates, scratch flow, dropzone UI, and onboarding tutorials for design tool users --- [Skip to content](https://support.tiled.co/creation-educational-modals#main-content) English Show submenu for translations [Submit a request](https://support.tiled.co/kb-tickets/new) ![logo-horizontal\_w.png\]](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_w.png?height=30&name=logo-horizontal_w.png) Open main navigation Close main navigation - English Show submenu for translations - [Submit a request](https://support.tiled.co/kb-tickets/new) Hi, how can we help you? - There are no suggestions because the search field is empty. 1. [Support](https://support.tiled.co/) 2. [New Releases](https://support.tiled.co/new-releases) 3. [v55.0.1](https://support.tiled.co/new-releases#v55-0-1) # 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. - [Getting Started](https://support.tiled.co/getting-started#main-content) - [Intro to Tiled](https://support.tiled.co/getting-started#intro-to-tiled) - [Tiled Library](https://support.tiled.co/getting-started#tiled-library) - [Tiled Builder](https://support.tiled.co/tiled-builder#main-content) - [Tiled Builder](https://support.tiled.co/tiled-builder#tiled-builder) - [Microapp Tiles](https://support.tiled.co/tiled-builder#microapp-tiles) - [Personalization](https://support.tiled.co/tiled-builder#personalization) - [Asset Library](https://support.tiled.co/tiled-builder#asset-library) - [Best Practices](https://support.tiled.co/tiled-builder#best-practices) - [Tiled Tiles](https://support.tiled.co/tiled-tiles) - [Settings](https://support.tiled.co/settings#main-content) - [Account Settings](https://support.tiled.co/settings#account-settings) - [Library Settings](https://support.tiled.co/settings#library-settings) - [Microapp Settings](https://support.tiled.co/settings#microapp-settings) - [Sharing & Analytics](https://support.tiled.co/sharing-analytics#main-content) - [Microapp Analytics](https://support.tiled.co/sharing-analytics#microapp-analytics) - [Personalization](https://support.tiled.co/sharing-analytics#personalization) - [Sharing Microapps](https://support.tiled.co/sharing-analytics#sharing-microapps) - [Useful Resources](https://support.tiled.co/useful-resources#main-content) - [Additional Guides](https://support.tiled.co/useful-resources#additional-guides) - [Developer Tools](https://support.tiled.co/useful-resources#developer-tools) - [Accessibility](https://support.tiled.co/useful-resources#accessibility) - [Tiled Mobile App](https://support.tiled.co/useful-resources#tiled-mobile-app) - [Seismic](https://support.tiled.co/useful-resources#seismic) - [Authentication & Security](https://support.tiled.co/useful-resources#authentication-security) - [Builder 2.0](https://support.tiled.co/builder-2-0#main-content) - [Tiled Builder 2.0](https://support.tiled.co/builder-2-0#tiled-builder-2-0) - [Microapp Tiles 2.0](https://support.tiled.co/builder-2-0#microapp-tiles-2-0) - [Personalization 2.0](https://support.tiled.co/builder-2-0#personalization-2-0) - [Asset Panel 2.0](https://support.tiled.co/builder-2-0#asset-panel-2-0) - [Layers & Settings 2.0](https://support.tiled.co/builder-2-0#layers-settings-2-0) - [FAQ](https://support.tiled.co/builder-2-0#faq) - [Tiled Plugins](https://support.tiled.co/tiled-plugins#main-content) - [Figma Plugin](https://support.tiled.co/tiled-plugins#figma-plugin) - [Adobe XD Plugin](https://support.tiled.co/tiled-plugins#adobe-xd-plugin) - [Sketch Plugin](https://support.tiled.co/tiled-plugins#sketch-plugin) - [Integrations](https://support.tiled.co/integrations#main-content) - [CRM & Marketing Automation](https://support.tiled.co/integrations#crm-marketing-automation) - [Content & Asset Management](https://support.tiled.co/integrations#content-asset-management) - [Collaboration & Communication](https://support.tiled.co/integrations#collaboration-communication) - [New Releases](https://support.tiled.co/new-releases#main-content) - [v65.0.0](https://support.tiled.co/new-releases#v65-0-0) - [v64.0.0](https://support.tiled.co/new-releases#v64-0-0) - [v63.0.0](https://support.tiled.co/new-releases#v63-0-0) - [v62.0.0](https://support.tiled.co/new-releases#v62-0-0) - [v61.0.1](https://support.tiled.co/new-releases#v61-0-1) - [v60.0.0](https://support.tiled.co/new-releases#v60-0-0) - [v59.0.0](https://support.tiled.co/new-releases#v59-0-0) - [v58.0.0](https://support.tiled.co/new-releases#v58-0-0) - [v57.0.0](https://support.tiled.co/new-releases#v57-0-0) - [v56.0.0](https://support.tiled.co/new-releases#v56-0-0) - [v55.0.1](https://support.tiled.co/new-releases#v55-0-1) - [v54.0.0](https://support.tiled.co/new-releases#v54-0-0) - [v53.0.0](https://support.tiled.co/new-releases#v53-0-0) - [v52.0.0](https://support.tiled.co/new-releases#v52-0-0) - [v51.0.0](https://support.tiled.co/new-releases#v51-0-0) - [v50.0.0](https://support.tiled.co/new-releases#v50-0-0) [![logo-horizontal\_k-3](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_k-3.png?width=100&height=21&name=logo-horizontal_k-3.png "logo-horizontal_k-3")](https://tiled.co) Copyright © 2026, Tiled