--- title: Syncing with Plugins Overview description: "Syncing" is the process of uploading your artboards from Adobe XD, Figma or Sketch to the Tiled Builder through the Tiled Plugin. Syncing significantly improves the speed of creating microapps by all --- [Skip to content](https://support.tiled.co/syncing-with-plugins-overview#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. [Tiled Plugins](https://support.tiled.co/tiled-plugins) 3. [Figma Plugin](https://support.tiled.co/tiled-plugins#figma-plugin) # Syncing with Plugins Overview ## Syncing sends your frames and artboards from Figma, Sketch, or Adobe XD straight into your microapp through the Tiled plugin. "Syncing" is the process of uploading your artboards from [Adobe XD](https://support.tiled.co/hc/en-us/articles/360025420793), [Figma](https://support.tiled.co/hc/en-us/articles/5864960265363) or [Sketch](https://support.tiled.co/hc/en-us/articles/360043895814) to the Tiled Builder through the Tiled Plugin. Syncing significantly improves the speed of creating microapps by allowing designers to move seamlessly from design tool to Tiled Builder. ### **How Syncing Works** Every frame or artboard you sync comes into Tiled as an asset. What else happens depends on its size: | **Your Frame or Artboard** | **What It Becomes in Tiled** | | --- | --- | | **Exactly matches an adaptive format in your microapp** | An asset and a microapp page, with your design set as the page background. | | **Any other size** | An asset only, ready to use in image, gallery, or other tiles. | | **252 × 112 px (Sketch and Adobe XD)** | An asset, and your microapp’s cover image. See Cover Images below. | [![Syncing With Plugins Callouts-00-syncing-at-a-glance](https://support.tiled.co/hs-fs/hubfs/Syncing%20With%20Plugins%20Callouts-00-syncing-at-a-glance.png?width=670&height=431&name=Syncing%20With%20Plugins%20Callouts-00-syncing-at-a-glance.png)](https://support.tiled.co/hubfs/Syncing%20With%20Plugins%20Callouts-00-syncing-at-a-glance.png) | **Note:** The plugins work the same way for Builder 1.0 and Builder 2.0 microapps. The plugin screens look slightly different in each design tool. | | --- | ### **Before You Sync** • **Role** — you need the Editor role or above to use the Tiled plugins. • **Sign in** — sign in to the plugin with your Tiled account or SSO. See Logging Into the Tiled Plugins. • **Exact sizes** — size each frame to the exact dimensions of the adaptive format it belongs to. • **Clear names** — use only letters and numbers in frame names. The name becomes the page name in Tiled, and special characters can stop a sync. • **One file per microapp** — keep all of a microapp’s formats in one design file, and use a separate file for each microapp. [![Syncing With Plugins Callouts-2-before-you-sync](https://support.tiled.co/hs-fs/hubfs/Syncing%20With%20Plugins%20Callouts-2-before-you-sync.png?width=670&height=431&name=Syncing%20With%20Plugins%20Callouts-2-before-you-sync.png)](https://support.tiled.co/hubfs/Syncing%20With%20Plugins%20Callouts-2-before-you-sync.png) ### **Starting a New Microapp From the Plugin** You can create a microapp and place it in the right library category without leaving your design tool. 1\. **Select +New** — in the plugin panel. In Figma, select + Create. 2\. **Name the microapp** — and choose its library and adaptive format. 3\. **Choose a Tiled category** — from the dropdown. If the one you need doesn’t exist, select Create a new category, name it, check the library is correct, and select Create. 4\. **Create the microapp.** — It’s added to the library and category you chose. [![Syncing With Plugins Callouts-3-start-a-new-microapp](https://support.tiled.co/hs-fs/hubfs/Syncing%20With%20Plugins%20Callouts-3-start-a-new-microapp.png?width=670&height=431&name=Syncing%20With%20Plugins%20Callouts-3-start-a-new-microapp.png)](https://support.tiled.co/hubfs/Syncing%20With%20Plugins%20Callouts-3-start-a-new-microapp.png) | **Note:** A new microapp isn’t published yet. Only users with the Editor role or above can see it until you publish. Assigning existing categories and [creating new categories](https://support.tiled.co/hc/en-us/articles/360047144134) help streamline your design flow. | | --- | ### **Syncing Your Frames** 1\. **Select the frames or artboards** — you want to sync. You can select one, several, or a layer you’ve made into a tile. 2\. **Select Sync.** — If the Sync button isn’t showing, select something first. 3\. **Choose the adaptive format** — if the plugin asks. 4\. **Check the result in the Builder.** — Matching frames appear as pages and everything else in your assets. [![Syncing With Plugins Callouts-4-sync-your-frames](https://support.tiled.co/hs-fs/hubfs/Syncing%20With%20Plugins%20Callouts-4-sync-your-frames.png?width=670&height=431&name=Syncing%20With%20Plugins%20Callouts-4-sync-your-frames.png)](https://support.tiled.co/hubfs/Syncing%20With%20Plugins%20Callouts-4-sync-your-frames.png) ### **Working with more than one format** The plugin syncs to one adaptive format at a time. If you select frames for two formats, such as desktop and mobile portrait, the plugin asks which format to sync to. Sync each format separately. ### **Smart Syncing** In Sketch and Adobe XD, Smart Syncing works out where each artboard should go from its size, so you have fewer choices to make: | **When the Plugin Sees** | **It Automatically** | | --- | --- | | **An artboard sized 252 × 112 px** | Syncs it as an asset and sets it as your microapp cover. | | **An unsynced artboard that matches an adaptive format** | Pre-selects that format in the sync window. | | **An artboard you’ve synced before** | Remembers the format it was synced to. This is stored for each artboard, not for the whole design file. | [![Syncing With Plugins Callouts-5-smart-syncing](https://support.tiled.co/hs-fs/hubfs/Syncing%20With%20Plugins%20Callouts-5-smart-syncing.png?width=670&height=431&name=Syncing%20With%20Plugins%20Callouts-5-smart-syncing.png)](https://support.tiled.co/hubfs/Syncing%20With%20Plugins%20Callouts-5-smart-syncing.png) | **Heads Up:** Smart Syncing isn’t available in Figma. In Figma, choose the adaptive format yourself before you sync, and set your cover image from the plugin. | | --- | ### **When a size is close but not exact** If an artboard has the same aspect ratio as an adaptive format but not the exact dimensions, the plugin can’t pre-select the format. It still comes into Tiled as a page, as long as that format exists in your microapp. | **Pro Tip:** Use the exact dimensions of your adaptive format. In Figma, Create a new page in the plugin builds a frame at exactly the right size. | | --- | ### **Cover Images** Your cover is the thumbnail people see in your library and when you share. Design it at 504 × 224 px. A 252 × 112 px artboard also works: Tiled displays it at 2x, and in Sketch and Adobe XD, Smart Syncing sets it as your cover automatically. • **More than one format** — if the cover artboard hasn’t been synced before, the plugin asks which format to sync it to, and it comes in as an asset there too. • **Synced before** — the plugin remembers the format, and the cover updates in Tiled when the sync finishes. • **Two or more cover-size artboards** — all of them sync as assets, but none is set as the cover. Sync one at a time, or set the cover in Microapp Settings: General. • **One cover per design file** — another reason to keep each microapp in its own file. [![Syncing With Plugins Callouts-6-cover-images](https://support.tiled.co/hs-fs/hubfs/Syncing%20With%20Plugins%20Callouts-6-cover-images.png?width=670&height=431&name=Syncing%20With%20Plugins%20Callouts-6-cover-images.png)](https://support.tiled.co/hubfs/Syncing%20With%20Plugins%20Callouts-6-cover-images.png) ### **Re-Syncing Changes** | **Updates When You Re-Sync** | **Stays As It Is** | | --- | --- | | **Design changes, visual content, and asset sizes** | Page order and asset positions you’ve set in the Builder | [![Syncing With Plugins Callouts-7-resync-changes](https://support.tiled.co/hs-fs/hubfs/Syncing%20With%20Plugins%20Callouts-7-resync-changes.png?width=670&height=431&name=Syncing%20With%20Plugins%20Callouts-7-resync-changes.png)](https://support.tiled.co/hubfs/Syncing%20With%20Plugins%20Callouts-7-resync-changes.png) | **Heads Up:** Your design file is the source of truth. Syncing overrides changes made in the Builder on the pages you sync, so make design changes in the design file. Publish afterward so recipients see the update. | | --- | | **Try It Yourself:** Create two frames, one at your adaptive format size and one at any other size, and sync both. One arrives as a page and the other as an asset, which is the quickest way to see how syncing decides. | ### **Common Questions** | **Question** | **Answer** | | --- | --- | | **Which design tools have a Tiled plugin?** | Figma, Sketch, and Adobe XD. The Figma plugin updates itself; update the Sketch and Adobe XD plugins yourself. Adobe XD availability is limited in some countries. | | **My frame came in as an asset, not a page.** | Its size doesn’t exactly match an adaptive format in your microapp. Resize it to the format’s dimensions and sync again. | | **My artboard matches a format I haven’t created in the microapp.** | The plugin asks which of your existing formats to sync it to. To sync it to its own format, add that format to the microapp first. | | **My microapp has only one format. What happens when I sync?** | The plugin pre-selects that format, and your artboards sync to it. | | **Can I sync desktop and mobile artboards at the same time?** | No. Sync one format at a time. If your selection includes two formats, the plugin asks which one to sync to. | | **I synced two cover-size artboards and neither became the cover.** | When more than one is selected, all sync as assets but none is set as the cover. Sync just one, or set the cover in Microapp Settings: General. | | **Why can’t I see the microapp I created from the plugin?** | It isn’t published yet, so only Editors and above can see it. Publish it from the Builder. | | **My sync isn’t working.** | Check that you’re signed in, in the right adaptive format, and that frame names use only letters and numbers. See Troubleshooting the Tiled Plugin. | **Related Articles** • [**Tiled Plugin for Figma**](https://support.tiled.co/tiled-plugin-for-figma) — Installing and using the Figma plugin. • [**Tiled Plugin for Sketch**](https://support.tiled.co/tiled-plugin-for-sketch) — Installing and using the Sketch plugin. • [**Tiled Plugin for Adobe XD**](https://support.tiled.co/tiled-plugin-for-adobe-xd) — Installing and using the Adobe XD plugin. • [**Logging Into the Tiled Plugins**](https://support.tiled.co/logging-into-the-tiled-plugins) — Signing in, including with SSO. • [**Figma Plugin FAQ**](https://support.tiled.co/figma-plugin-faq) — How pages, assets, tiles, and covers behave in Figma. • [**Troubleshooting the Tiled Plugin**](https://support.tiled.co/troubleshooting-the-tiled-plugin) — Fixing sync problems step by step. • [**Create an Adaptive Format Microapp**](https://support.tiled.co/create-an-adaptive-format-microapp-1) — Adding formats for other screen sizes. • [**Getting Started for Designers**](https://support.tiled.co/getting-started-for-designers) — From first idea to a published microapp. - [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) - [v66.0.0](https://support.tiled.co/new-releases#v66-0-0) - [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) - [Uncategorized](https://support.tiled.co/uncategorized) [![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 ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/video_assets/224293211707/inherited/web_optimized.mp4", "dateModified" : "2026-10-13T18:26:04.210Z", "duration" : "PT29S", "height" : 1080, "name" : "Syncing With Plugins Animation", "thumbnailUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/Syncing%20With%20Plugins%20Animation.mp4/medium.jpg", "uploadDate" : "2026-10-13T18:26:04.207Z", "width" : 1920 } ```