Publish, update, or unpublish a Figma Make file (original) (raw)

Before you start

Who can use this feature

Figma Make is available forFull seats on paid plans.

The Education plan includes one published Figma Make file, which is subject to bandwidth limitations.

When you’re ready to shareyour functional prototype, web app, or interactive UI with the world, you can publish it. Publishing makes your functional prototype or web app available on the public web with its own dedicated URL.

After publishing it, you can make incremental changes to your functional prototype or web app, or unpublish the it to remove it from the public web.

You can also assign a custom domain to a web app. The number of custom domains you can assign is based on your plan. The limit is shared with Figma Sites.

Publish a functional prototype or web app

Note: Before publishing, please make sure you have the rights to all content in the functional prototype or web app and are following Figma’sAcceptable Use Policy. Please note that images provided by Figma Make come from Unsplash. If you plan to use any images from Figma Make, you are responsible for vetting them for your particular use case. They are subject to Unsplash Terms and Conditions available athttps://unsplash.com/terms.

To publish your functional prototype or web app:

1. Open the Figma Make file that you want to publish.
2. In the upper-right corner, click Publish.
3. In the Publish modal, set a title.
4. Optionally, in the upper-right corner of the Figma Make interface, click Make settings to change additional settings for your site.
5. Click Publish.

After you click publish, your functional prototype or web app becomes available on the public web. Figma Make provides a randomly-generated public URL that you can use to access your published functional prototype or web app and share with others. The generated URL will look like this:three-random-words.figma.site

Note: Occasionally, a functional prototype or web app will fail to publish. If this occurs, we recommend you wait a few minutes, then try again.

Once you publish your functional prototype or web app, the publishing window displays the following:

• The web app's URL, which is autogenerated by Figma. Click the URL to visit your published functional prototype or web app. You can nowswitch to using a custom domain if you prefer.
• The status is Published.
• A new field that shows the last published date.

Important: Please consult with a lawyer to ensure you understand your legal obligations when using images or publishing via Figma Make. Do not rely on these guidelines to make sure you are in compliance with the law.

You are responsible for any information you collect from users (like things uploaded to sites, or visitor information), and ensuring that data is managed compliantly.

Update a published functional prototype or web app

If you need to modify existing content, you can publish an update to your functional prototype or web app.

Any changes you make to your functional prototype, web app, or interactive UI will only appear after you update the published version. For example, if the interface of your web app changes, that change won’t appear on the published functional prototype or web app until you publish an update.

To publish changes, follow the same instructions inPublish a functional prototype or web app. Then, in the Publish modal, click Update.

Add a custom domain

If you want your published functional prototype or web app to have a URL other than the one randomly generated by Figma Make, you can assign the web app a custom domain. For example, by adding a custom domain, you could assignhttps://www.yourdomain.com as the URL for your published functional prototype or web app.

To assign a custom domain, follow the steps inManage a custom domain for your site. The steps are the same for Figma Make.

Unpublish a functional prototype or web app

Unpublishing your functional prototype or web app will remove it from the public web. If you decide to republish later, Figma will reuse the same URL. To unpublish:

1. In the Figma Make file for the functional prototype or web app you want to unpublish, click Make settings in the upper-right corner.
2. Click Unpublish.

Note: If you downgrade from a paid plan to a free plan, any Figma Make files previously published to the web or the Figma Community will remain published and available at their figma.site subdomain.

Publish modal

The Publish modal includes the following:

• Title: The title of your functional prototype or web app as it appears in browser tabs, search engine results, and social media. Adding a title helps people understand what site they viewing, improves SEO, and improves accessibility.
• URL: If the functional prototype or web app has never been published, an example URL is displayed. Otherwise, the actual URL for the published functional prototype or web app is displayed. When unpublished, the displayed URL doesn’t change, but is no longer active on the public web.
• Status: The default status isNot published. If the prototype or web app is live, you’ll see Published instead.
• Typography (if required): If any web fonts used in your Make file are missing, you'll see a missing fonts warning. Your font may look correct in the editor, but browsers require a separate WOFF or WOFF2 file to display it on the published site. To resolve this, click Missing fonts, upload the related WOFF or WOFF2 files, then publish. Learn more.
• Who can view (Organization and Enterprise plans only): You can publish your app so it’s available to everyone on the web, orrestrict access to an internal audience only.

Make settings modal

There are a number of optional, advanced settings you can set before or after you publish your functional prototype or web app. To view theMake settings modal, in the upper-right corner of the Figma Make interface, click Make settings.

The Make settings modal is where you specify metadata and discoverability for your published functional prototype or web app. In theMake settings modal, you can see whether or not your functional prototype is published, publish and unpublish it, and set the following:

• Title
• Meta description
• Language
• Google Analytics ID
• Exclude all pages from search engine results
• Favicon
• Manage access to the published app
• Social sharing image
• Custom code for the site head and body

Title

Use the Title setting to specify a title for your published functional prototype or web app. The title appears in browser tabs, search engine results, and social media. Adding a title helps people understand what page they are on in their browser, aids SEO, and improves accessibility.

If no title is provided, Figma will generate one for you.

Meta description

Use the Meta description setting to provide a description of your published functional prototype or web app. A meta description is a short summary of your website’s or page’s content and is designed to attract users and improve click-through rates from search engine results pages (SERPs).

If no description is provided, Figma will generate one for you.

Language

Use the Language setting to define the primary language of content in your functional prototype or web app. Setting the language code for your functional prototype or web app improves accessibility and assists browser translation features by clearly indicating the primary language.

ISO language codes assign unique identifiers to languages. Some of the most common language codes include:

• ar – Arabic
• de – German
• en – English
• es – Spanish
• fr – French
• ja – Japanese
• hi – Hindi
• ru – Russian
• pt – Portuguese
• zh – Chinese

View a complete list of ISO language codes on Wikipedia.

Google Analytics ID

Use the Google Analytics ID setting to capture usage metrics withGoogle Analytics. Connect to a Google Analytics property to get insights into how people are using your published website.

Review the instructions from Google on how to find your Google Analytics ID.

Note: Only Google Analytics is supported at this time, but we’re aiming to add support for more analytics providers in the future. You can use thecustom code settings for the head and body of your functional prototype or web app to provide code snippets for other analytics platforms that we don’t directly support.

Please note that you are responsible for ensuring that your functional prototype or web app complies with applicable laws, including any applicable to cookies, privacy and data collection.

Exclude all pages from search engine results

Enable the Exclude all pages from search engine results setting to instruct search engine robots not to index your functional prototype or web app or show it in search results.

Check the box to add a<meta name="robots" content="noindex"> tag to the header of your published functional prototype or web app.

Favicon

Use the Favicon setting to upload an image to use as a favicon. A favicon provides a small visual representation of your published functional prototype or web app in browser tabs, search results, and bookmarks. We recommend using a 48px x 48px image.

Manage published site access

Choose who can access the published app

On the Organization and Enterprise plans, you can choose whether to publish your app on the open web, or restrict it to an internal audience. If a file is published internally:

• Any logged-in member of your organization can view it
• Guests and anyone outside your organization cannot access it

Add password protection

When password protection is enabled, visitors need to enter a password to see your published web app's content—including metadata like the title or description.

Note: Password protection applies only to the published version of your web app at its *.figma.site domain. The preview version—which displays with a Figma header at the top—is not password protected and follows standard file sharing permissions.

You can either create your own password or use one automatically generated by Figma:

• Passwords you create must use a minimum of 4 characters and may contain any character type
• Figma-generated passwords combine four random words, making them strong and unique

The password will automatically apply to your published web app as soon as you save it. You don’t need to republish, although the changes may take a minute or two to take effect.

Note: If you add a password to a published web app which has not beenexcluded from search engine results, some metadata may continue to appear in search listings. Once password protection is enabled, search engines will no longer be able to index the content of your web app, and it will typically disappear from results over time. If you want to speed up the process, you canrequest removal through Google Search Central.

Once set, you can’t view a password again. If you forget to copy it, you’ll need to create a new one. When you change the password, anyone with prior access will need to enter the new password the next time they refresh the web app.

Social sharing image

Use the Social sharing image setting to upload an image that appears when your published functional prototype or web app is shared on social media. We recommend using an image that is 1200px wide by 630px tall. If a social sharing image isn't provided, Figma will use an image snapshot of your app instead.

Custom code for the site head and body

You can add custom code snippets at the start or end of your functional prototype or web app’s head or body tags.

For instance, loading critical tags like analytics in the head ensures they execute early, while non-critical elements like a chat widget can be placed at the end of the body to prevent it from slowing down the main content of your functional prototype or web app.

Frequently asked questions

Sharing a link to my app shows outdated or incorrect metadata. How can I fix it?

First, make sure you’ve published the latest version of your app with any updated metadata. If everything is published but other platforms still show old information, it’s likely due to caching.

Most social platforms cache link metadata—such as titles, descriptions, and preview images—the first time a URL is shared. Even after you update your page, these platforms may continue displaying the older data. To refresh the preview, you can “bust the cache” by running your URL through the platform’s debugging or preview tool, which forces it to re-scrape the latest metadata.

Tools to refresh metadata:

• Facebook: Sharing Debugger
• LinkedIn: Post Inspector
• X (Twitter): Card Validator
• Slack: Previews refresh automatically over time, or you can force a new unfurl by sharing a slightly modified link (e.g., adding ?v=2 to the end of the URL).