Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Sites – Figma Learn
  • Preview and publish a site

Edit website settings

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Add a title Add a meta description Add a social sharing image Set a language code Add a Google Analytics ID Exclude the website—or individual pages—from search engine results Add a favicon Add custom code to your site for ad tracking or analytics

Figma Sites was released in open beta at Config 2025. It is currently available on all paid plans, with a limited Starter plan experience coming soon. Learn more about what’s included in the beta.

Who can use this feature

Available on all paid plans

Requires edit access to the file

Update your website’s settings to help search engines understand your content, improve accessibility, and make it easier for users to find what they’re looking for.

To access settings, click the Settings icon in the left navbar of your sites file. Select General to edit settings that affect the entire site—or navigate directly to a specific page’s settings.

Here are the settings that are available site-wide, or on a per-page basis:

 

Entire site

Per page

Title

✓

✓

Meta description

✓

✓

Social sharing image

✓

✓

Language code

✓

✓

Google Analytics

✓

X

Manage inclusion in search engine results

✓

✓

Add a favicon

✓

X

Custom code

✓

X

Tip: From Settings, you can also review and manage the publishing status of your site and add a custom domain.

Add a title

Search result preview for "Earthling trip planner" with title "Home | Earthling" and a description of travel planning.

The title appears in browser tabs, search engine results, and social media. Add a title to help people understand what page they are on in their browser, aid SEO, and improve accessibility.

If no page title is provided, Figma will display the site’s title instead.

Add a meta description

Mock-up of a search result for "Earthling trip planner" with highlighted meta description about planning memorable trips.

A meta description is a short summary of the website or page content. It is designed to attract users and improve click-through rates from search engine results pages (SERPs).

For the entire website, the meta description ensures a consistent summary is available when specific pages do not have one.

On individual pages, you can provide a unique meta description tailored to that page; otherwise, the global meta description will be applied.

Add a social sharing image

Social media post by a user about booking a trip to Rome, featuring a social sharing image of a classical sculpture with the word "ROME".

The social sharing image appears when your website—or its individual pages—are shared on social media. The site-wide social sharing image is used if a page-specific image is not available.

We recommend using an image that is 1200px wide by 630px tall.

Set a language code

Setting the language code for your website improves accessibility and assists browser translation features by clearly indicating its primary language.

The website language setting applies to the entire site by default, but you can specify a different language on individual pages if needed.

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.

Add a Google Analytics ID

Connect your site 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: Please note that you are responsible for ensuring your site complies with applicable laws, including any applicable to cookies, privacy and data collection.

Note: Only Google Analytics is supported at this time, but we’re aiming to add support for more analytics providers in the future.

Exclude the website—or individual pages—from search engine results

Enable this setting to instruct search engine robots not to index your site or show it in search results.

Checking the box will add a <meta name="robots" content="noindex"> tag to the header of your site or to individual pages.

Add a favicon

Browser tab showing "Earthling – Home" title, URL, and a highlighted favicon icon.

A favicon provides a small visual representation of your website in browser tabs, search results, and bookmarks.

To add a favicon to your site, place an image or design on the canvas in your site file, then choose it in the settings modal.

Tip: For best results, we recommend using a 32px x 32px image or frame.

Add custom code to your site for ad tracking or analytics

You can insert custom code snippets at the start or end of your site’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 avoid slowing down the main page content.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Preview a webpage or site
  • Publish, update, or unpublish a site
  • Manage a custom domain for your site
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand