Figma Learn - Help Center

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta charset="utf-8" />  <title>Figma Learn - Help Center</title> <link rel="canonical" href="https://help.figma.com/hc/en-us"> <link rel="alternate" hreflang="de" href="https://help.figma.com/hc/de"> <link rel="alternate" hreflang="en-us" href="https://help.figma.com/hc/en-us"> <link rel="alternate" hreflang="es" href="https://help.figma.com/hc/es-es"> <link rel="alternate" hreflang="es-419" href="https://help.figma.com/hc/es-419"> <link rel="alternate" hreflang="es-es" href="https://help.figma.com/hc/es-es"> <link rel="alternate" hreflang="fr" href="https://help.figma.com/hc/fr"> <link rel="alternate" hreflang="ja" href="https://help.figma.com/hc/ja"> <link rel="alternate" hreflang="ko" href="https://help.figma.com/hc/ko"> <link rel="alternate" hreflang="pt-br" href="https://help.figma.com/hc/pt-br"> <link rel="alternate" hreflang="x-default" href="https://help.figma.com/hc/en-us"> <link rel="stylesheet" href="//static.zdassets.com/hc/assets/application-cfe22f1db0125fea22ea26916411c608.css" media="all" id="stylesheet" /> <link rel="stylesheet" type="text/css" href="/hc/theming_assets/9325143/360002676493/style.css?digest=31148010650647"> <link rel="icon" type="image/x-icon" href="/hc/theming_assets/01HZFG1NHWKZA6P3KEG8EQ31YX"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <meta property="og:image" content="https://help.figma.com/hc/theming_assets/01JMYWSNCNTYE97HCPWWCJNSRN" /> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="/hc/theming_assets/01HZFG1DTG8R13CABP5NVF1P1X" /> <link rel="stylesheet" href="/hc/theming_assets/01HZFG14EG1GJTDPBCBV6EESVS" /> <link rel="stylesheet" href="/hc/theming_assets/01JQCFR52ZWPCWGEH4S88YQ48Q" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.0/URI.min.js"></script> <script src="/hc/theming_assets/01HZFG190S3X3KQSCHW2KF60M8"></script> <script src="/hc/theming_assets/01HZFG1AR5D59E2783S5ZDV7QF"></script> <script src="/hc/theming_assets/01HZFG1HJ7SJQNVDZSNN61RMXY"></script> <script src="/hc/theming_assets/01HZFG14YEGNT9ZYCF8A3YST30"></script> </head> <body class=""> <header class="header-wrapper"> <div class="header"> <a title="Home" href="/hc/en-us"> <div class="logo"> <span class="logo-text"><strong>Figma</strong> Learn</span> </div> </a> <div class="mega-nav-items"> <nav> <a href="https://help.figma.com/hc/categories/360002051613-Get-started" class="body body-regular" >Get started</a> <button id="MenuProduct" class="body body-regular" aria-label="Click to open product documentation menu" >Product documentation</button> <button id="MenuAdmin" class="body body-regular" aria-label="Click to open administration menu" >Administration</button> <button id="MenuCourses" class="body body-regular" aria-label="Click to open courses, tutorials, and projects documentation menu" >Courses, tutorials, projects</button> <button id="MenuHelp" class="body body-regular" aria-label="Click to open help menu" >Help</button> </nav> </div> <div class="grid grid-flow-col items-center gap-1 sm:gap-6"> <div class="header-signup-wrapper"> <div class="search-wrapper header-search"> <section class="hidden flex-col gap-2 justify-end fixed top-[160px] left-4 right-4 m-auto max-w-[600px] z-50 bg-white rounded-[13px] border border-solid border-black shadow-black/50 shadow-lg search-overlay sm:left-0 sm:right-0"> <div class="p-3 pb-1 self-end grid-flow-col gap-3 text-sm text-zinc-500 hidden sm:grid"> <span><kbd>enter</kbd>to select</span> <span><kbd>↑</kbd><kbd>↓</kbd>to navigate</span> <span><kbd>esc</kbd>to close</span> </div> <form role="search" class="search" data-search="" data-instant="true" autocomplete="off" action="/hc/en-us/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="search" name="query" id="query" placeholder="Search components, styles, auto layout, etc..." autocomplete="off" aria-label="Search components, styles, auto layout, etc..." /></form> </section> <button class="grid grid-flow-col gap-1 rounded-full bg-transparent border-none items-center px-3 py-2 transition-all hover:bg-zinc-200" id="ActionSearch" > <img src="/hc/theming_assets/01JMFE7WFHM5BX637CVG29VXGE" class="h-7 w-7" /> <div class="grid grid-flow-col gap-1 text-black search-keys"> </div> </div> </div> <span id="HeaderSignup"> <fl-button text="Sign up" href="https://www.figma.com/zendesk/sso?locale=en-us" ></fl-button> </span> </div> </div> </div> <div class="mega-nav-menu"> <div class="mega-nav-content-wrapper"> <div class="content-desktop"> <section id="MenuProduct"> <div class="nav-list-category nav-list-size-12"> <div class="nav-list-size-12 flex justify-between pr-9"> <div class="nav-list"> <div class="nav-list-title"> <img src="/hc/theming_assets/01JE475H6M98WXA6VNA6QDXMPG" aria-hidden="true" class="w-full max-w-36" /> <a href="https://help.figma.com/hc/categories/360002042553" class="body text-lg font-normal" >Figma Design</a> </div> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/13148571463703" >Tour the interface</a></li> <li><a href="https://help.figma.com/hc/sections/4403912808599" >Create designs</a></li> <li><a href="https://help.figma.com/hc/sections/23536356509975" >Build design systems</a></li> <li><a href="https://help.figma.com/hc/sections/360006534454" >Create prototypes</a></li> <li><a href="https://help.figma.com/hc/sections/360006620214" >Import and export</a></li> <li><a href="https://help.figma.com/hc/sections/23537156813975" >Work together in files</a></li> <li><a href="https://help.figma.com/hc/sections/23696252338455" >Use AI in Figma Design</a></li> </ul> </div> <div class="nav-list"> <div class="nav-list-title"> <img src="/hc/theming_assets/01JE475MH64S8CNEJ14J1GX73C" aria-hidden="true" class="w-full max-w-36" /> <a href="https://help.figma.com/hc/sections/15023066873239" class="body text-lg font-normal" >Dev Mode</a> </div> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/15331528759063" >Tour the interface</a></li> <li><a href="https://help.figma.com/hc/sections/15331553202455" >Inspect designs</a></li> <li><a href="https://help.figma.com/hc/sections/23512714336151" >Turn designs to code </a></li> <li><a href="https://help.figma.com/hc/sections/23512742846487" >Dev Mode across your org </a></li> </ul> </div> <div class="nav-list"> <div class="nav-list-title"> <img src="/hc/theming_assets/01JE475MK78FBCZ5JQ361F231F" aria-hidden="true" class="w-full max-w-36" /> <a href="https://help.figma.com/hc/categories/360002051633" class="body text-lg font-normal" >FigJam</a> </div> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/15329473545623" >Tour the interface</a></li> <li><a href="https://help.figma.com/hc/sections/15329445881111" >Work on boards</a></li> <li><a href="https://help.figma.com/hc/sections/1500000700042" >Run meetings</a></li> <li><a href="https://help.figma.com/hc/sections/1500000672561" >Import and export</a></li> <li><a href="https://help.figma.com/hc/sections/18867379681559" >Use AI in FigJam</a></li> </ul> </div> <div class="nav-list"> <div class="nav-list-title"> <img src="/hc/theming_assets/01JE46W3T0TK45SFFT71WYC1GV" aria-hidden="true" class="w-full max-w-36" /> <div class="nav-title-tag"> <a href="https://help.figma.com/hc/categories/24146015318551" class="body text-lg font-normal" >Figma Slides</a> <span class="nav-tag tag-default">New</span> </div> </div> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/24146125361559" >Tour the interface</a></li> <li><a href="https://help.figma.com/hc/sections/24146049244695" >Create and edit slides</a></li> <li><a href="https://help.figma.com/hc/sections/24146067403543" >Present slide decks</a></li> <li><a href="https://help.figma.com/hc/sections/24770520824343-Import-and-export" >Import and export</a></li> <li><a href="https://help.figma.com/hc/sections/24146082007959" >Use AI in Figma Slides</a></li> </ul> </div> <div class="nav-list"> <p class="body body-eyebrow">Features</p> <div class="nav-list-stack"> <div class="nav-list"> <a href="https://help.figma.com/hc/categories/360002772634" class="body text-lg font-normal" >Community</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/360006025654" >Use the Community</a></li> <li><a href="https://help.figma.com/hc/sections/360011316734" >Creator resources</a></li> <li><a href="https://www.figma.com/community" >Visit Community</a></li> </ul> </div> <div class="nav-list"> <a href="https://help.figma.com/hc/categories/23556790977431" class="body text-lg font-normal" >Platform</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/23691965907223" >Work across Figma </a></li> <li><a href="https://help.figma.com/hc/sections/360006538974" >Integrations</a></li> <li><a href="https://www.figma.com/developers" >API documentation</a></li> </ul> </div> </div> </div> </div> </div> </section> <section id="MenuAdmin"> <div class="nav-list-category nav-list-size-4"> <p class="body body-eyebrow">For everyone</p> <div class="nav-list-items"> <div class="nav-list"> <a href="https://help.figma.com/hc/sections/360006479433" class="body text-lg font-normal" >Account</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/4403936365591" >Manage settings</a></li> <li><a href="https://help.figma.com/hc/sections/4403936364311" >Change preferences</a></li> </ul> </div> <div class="nav-list"> <a href="https://help.figma.com/hc/sections/360006050633" class="body text-lg font-normal" >Files and projects</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/13166486919191" >Use the file browser</a></li> <li><a href="https://help.figma.com/hc/sections/13166489863319" >Manage files and projects</a></li> <li><a href="https://help.figma.com/hc/sections/1500001331382" >Sharing and permissions</a></li> </ul> </div> </div> </div> <div class="nav-list-category nav-list-size-8"> <p class="body body-eyebrow">For administration</p> <div class="nav-list-items-flexible"> <div class="nav-list"> <a href="https://help.figma.com/hc/sections/4421076253719" class="body text-lg font-normal" >Billing</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/4403936381463" >Overview</a></li> <li><a href="https://help.figma.com/hc/sections/20830735292567" >Manage seats</a></li> <li><a href="https://help.figma.com/hc/sections/4403929058327" >Manage your plan</a></li> <li><a href="https://help.figma.com/hc/sections/1500001018842" >Pay for Figma </a></li> </ul> </div> <div class="nav-list"> <a href="https://help.figma.com/hc/sections/360006457394" class="body text-lg font-normal" >Teams</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/360006457394" >Manage a team</a></li> </ul> </div> <div class="nav-list"> <a href="https://help.figma.com/hc/sections/360006606913" class="body text-lg font-normal" >Organizations</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/20832795476375" >Overview</a></li> <li><a href="https://help.figma.com/hc/sections/4403936348311" >Login and authentication</a></li> <li><a href="https://help.figma.com/hc/sections/4403928836759" >Deploy Figma</a></li> <li><a href="https://help.figma.com/hc/sections/4403928781847" >Members and guests</a></li> <li><a href="https://help.figma.com/hc/sections/20832780119959" >Teams</a></li> <li><a href="https://help.figma.com/hc/sections/4403928823063" >Libraries and resources</a></li> </ul> </div> <div class="nav-list"> <a href="https://help.figma.com/hc/sections/20832705104407" class="body text-lg font-normal" >Enterprise</a> <ul class="body body-regular"> <li><a href="https://help.figma.com/hc/sections/19100866155543" >Billing groups</a></li> <li><a href="https://help.figma.com/hc/sections/4419363208855" >Workspaces</a></li> <li><a href="https://help.figma.com/hc/sections/20833164749719" >Security features</a></li> </ul> </div> </div> </div> </section> <section id="MenuCourses"> <div class="nav-list-category nav-list-size-12"> <p class="body body-eyebrow">Find out more</p> <div class="nav-list-items"> <a href="https://help.figma.com/hc/sections/23691657321239" class="nav-list nav-list-size-3" > <div class="nav-list-title"> <span class="nav-list-icon list-ic-learn-courses" ></span> <div class="nav-title-tag"> <p class="body text-lg font-normal">Courses</p> <span class="nav-tag tag-default">New</span> </div> </div> <p class="body body-regular">Level up your Figma skills with these comprehensive skill-based courses.</p> </a> <a href="https://help.figma.com/hc/sections/13148624530967" class="nav-list nav-list-size-3" > <div class="nav-list-title"> <span class="nav-list-icon list-ic-learn-mini-project" ></span> <div class="nav-title-tag"> <p class="body text-lg font-normal">Projects</p> </div> </div> <p class="body body-regular">Get hands-on experience in Figma with these practical bite-sized projects.</p> </a> <a href="https://www.youtube.com/@Figma" class="nav-list nav-list-size-3" > <div class="nav-list-title"> <span class="nav-list-icon list-ic-learn-tutorial" ></span> <div class="nav-title-tag"> <p class="body text-lg font-normal">Tutorials</p> </div> </div> <p class="body body-regular">Explore tools and features by watching and following along with these expert-led video tutorials.</p> </a> </div> </div> </section> <section id="MenuHelp"> <div class="nav-list-category nav-list-size-9"> <p class="body body-eyebrow">Get solutions</p> <div class="nav-list-items"> <a href="https://help.figma.com/hc/sections/1500000378401" class="nav-list nav-list-size-3" > <div class="nav-list-title"> <div class="nav-title-tag"> <p class="body text-lg font-normal">Troubleshoot</p> </div> </div> <p class="body body-regular">Get help with common issues and troubleshoot unexpected behavior.</p> </a> <a href="https://help.figma.com/hc/sections/19818052690455" class="nav-list nav-list-size-3" > <div class="nav-list-title"> <div class="nav-title-tag"> <p class="body text-lg font-normal">Work with support</p> </div> </div> <p class="body body-regular">Submit a bug report, get help collecting log files, and find your system information.</p> </a> <a href="https://help.figma.com/hc/sections/13148115222551" class="nav-list nav-list-size-3" > <div class="nav-list-title"> <div class="nav-title-tag"> <p class="body text-lg font-normal">Common questions</p> </div> </div> <p class="body body-regular">Get answers to frequently asked questions.</p> </a> </div> </div> <a href="https://forum.figma.com/" class="nav-featured-card featured-gray nav-list-size-3" > <div class="nav-list"> <div class="nav-list-title"> <span class="nav-list-icon list-ic-forum" ></span> <p class="body text-lg font-normal">Figma Community Forum</p> </div> <p class="body body-regular">Ask the community, share ideas, and connect with other Figma users.</p> </div> </a> </section> </div> <div class="content-mobile"> <nav id="MenuMobileContent"> <a href="https://help.figma.com/hc/categories/360002051613-Get-started" class="body body-medium" >Get started</a> <div class="body body-medium"> <button id="MenuMobileProduct">Product documentation</button> <div id="MenuMobileProduct" class="body body-regular"> <div class="mobile-nav-list"> <span class="body body-eyebrow">Products</span> <a href="https://help.figma.com/hc/categories/360002042553" >Figma Design</a> <a href="https://help.figma.com/hc/sections/15023066873239" >Dev Mode</a> <a href="https://help.figma.com/hc/categories/360002051633" >FigJam</a> <a href="https://help.figma.com/hc/categories/24146015318551" >Figma Slides <span class="nav-tag tag-default">New</span></a> </div> <div class="mobile-nav-list"> <span class="body body-eyebrow">Features</span> <a href="https://help.figma.com/hc/sections/23691965907223" >Work across Figma</a> <a href="https://help.figma.com/hc/sections/360006538974" >Integrations</a> <a href="https://www.figma.com/community">Visit Community</a> </div> </div> </div> <div class="body body-medium"> <button id="MenuMobileAdmin">Administration</button> <div id="MenuMobileAdmin" class="body body-regular"> <div class="mobile-nav-list"> <span class="body body-eyebrow">For everyone</span> <a href="https://help.figma.com/hc/sections/360006479433" >Account</a> <a href="https://help.figma.com/hc/sections/360006050633" >Files and projects</a> </div> <div class="mobile-nav-list"> <span class="body body-eyebrow">For administration</span> <a href="https://help.figma.com/hc/sections/4421076253719" >Billing</a> <a href="https://help.figma.com/hc/sections/360006457394" >Teams </a> <a href="https://help.figma.com/hc/sections/360006606913" >Organizations </a> <a href="https://help.figma.com/hc/sections/20832705104407" >Enterprise </a> </div> </div> </div> <div class="body body-medium"> <button id="MenuMobileCourses">Courses, tutorials, projects</button> <div id="MenuMobileCourses" class="body body-regular"> <div class="mobile-nav-list"> <span class="body body-eyebrow">Find out more</span> <a href="https://help.figma.com/hc/sections/23691657321239" >Courses</a> <a href="https://help.figma.com/hc/sections/13148624530967" >Projects</a> <a href="https://www.youtube.com/@Figma">Tutorials</a> </div> </div> </div> <div class="body body-medium"> <button id="MenuMobileHelp">Help</button> <div id="MenuMobileHelp" class="body body-regular"> <div class="mobile-nav-list"> <span class="body body-eyebrow">Get solutions</span> <a href="https://help.figma.com/hc/sections/1500000378401" >Troubleshoot</a> <a href="https://help.figma.com/hc/sections/19818052690455" >Work with support</a> <a href="https://help.figma.com/hc/sections/13148115222551" >Common questions</a> <a href="https://forum.figma.com/">Figma Community Forum</a> </div> </div> </div> </nav> </div> </div> </div> </header> <main role="main"> <script> // Add a custom body class so we can target new layouts without affecting old layouts. Eventually remove this once everything has been updated. document.body.classList.add("figma-learn"); </script>  <section class="block block-hero overflow-x-clip"> <div class="max-w-[var(--block-width)] m-auto px-6"> <div class="flex flex-col justify-end relative"> <div class="flex flex-col gap-7 text-center items-center mb-16 mt-8 sm:mb-20 md:mt-20"> <h1 class="display display-large"> Hello, how can we help? </h1> <p class="body font-light text-xl">Find answers and inspiration on all things Figma.</p> </div> <div class="hero-content rounded-tr-3xl rounded-tl-3xl bg-black text-white p-6 relative z-10"> <div class="search-wrapper"> <form role="search" class="search search-full" data-search="" data-instant="true" autocomplete="off" action="/hc/en-us/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="search" name="query" id="query" placeholder="Search components, styles, auto layout, etc..." autocomplete="off" aria-label="Search components, styles, auto layout, etc..." /></form> </div> <ul class="topic-tags justify-center" id="heroTopicTags"></ul> </div> </div> </div> </section>  <section class="block bg-brand-mint"> <div class="block-inner"> <div class="block-content-container-full"> <fl-tag type="default" text="New"></fl-tag> <h2 class="display display-medium">Figma Slides</h2> <p class="body body-large">Create, present, and share beautiful presentations with Figma Slides.</p> <fl-button text="Let's go" href="https://help.figma.com/hc/articles/24170630629911"></fl-button> </div> <div class="block-content-container-full"> <video class="block-featured-image" type="video/webm" autoplay loop muted aria-hidden preload="auto" playsinline> <source src="https://static.figma.com/uploads/e342a237959fbc545dfd1bebe492e5309440efb5.mp4" type="video/mp4"> </video> </div> </div> </section>  <section class="block"> <div class="block-inner"> <div class="block-content-container-single"> <h2 class="display display-medium">What's new at Figma</h2> <div class="recent-update-block" data-items="3" data-max-words="15"> <div class="recent-list"> <p class="recent-update-loading">Looking for updates...</p> </div> </div> <div class="block-action"> <fl-button text="View all updates" href="https://www.figma.com/release-notes/"></fl-button> </div> </div> </div> </section>  <section class="block bg-black text-white"> <div class="block-inner"> <div class="block-content-container-single"> <h2 class="display display-medium">Popular topics</h2> <div class="popular-topics-block"> <p class="body body-medium">Fetching topics...</p> </div> </div> </div> </section>  <section class="block"> <div class="block-inner"> <div class="block-content-container-single"> <div class="block-content-header"> <h2 class="display display-medium">Featured videos</h2> <p class="body text-base font-normal">See our best features in action. Subscribe on YouTube so you never miss a video.</p> </div> <div class="recent-videos-block"> <p class="body text-base font-normal">Fetching videos...</p> </div> <div class="block-action"> <fl-button text="Find us on YouTube" href="https://www.youtube.com/@Figma"></fl-button> </div> </div> </div> </section>  <section class="block block-invert"> <div class="block-inner"> <div class="block-content-container-full"> <div class="block-content-inner"> <h2 class="display display-large"> Get started, <br /> super fast </h2> <p class="body body-large">Guides that will help you get familiar with Figma and FigJam quickly so you can start collaborating with your team to build better products.</p> <fl-button style="secondary" text="View the guides" href="https://help.figma.com/hc/en-us/categories/360002051613"></fl-button> </div> </div> <div class="block-content-container-full"> <img class="block-featured-image" src=/hc/theming_assets/01JHNBBC184EPWG6FGKV2JSDEA alt="A yellow diamond with multiplayer arrows drawing a line starting from inside ending outside the diamond."> </div> </div> </section>  <section class="block block-brand-yellow"> <div class="block-inner"> <div class="block-content-container-trio-highlight"> <div> <h2 class="display display-large">Level up with a video course</h2> </div> <fl-resource-column title="Introduction to design systems" description="Learn everything you need to know from system foundations, component creation, naming conventions, and documentation in this fun, comprehensive course." description-no-limit link="https://help.figma.com/hc/articles/14552901442839-Overview-Introduction-to-design-systems" link-text="Start the course" aspect="16x9" tag-text="Featured" video="/hc/theming_assets/01HZFG1CXD3PB2XT7JXG476Q1Q, /hc/theming_assets/01HZFG0PV0SF64GV3XX55WABW0" ></fl-resource-column> <fl-resource-column title="Figma for beginners" description="New to Figma? This course covers everything you need to know to start bringing your ideas to life in Figma design. Designed for everyone, no matter your skill or experience." description-no-limit link="https://help.figma.com/hc/sections/4405269443991-Figma-for-Beginners-tutorial-4-parts-" link-text="Start the course" aspect="16x9" tag-text="Good for beginners" video="/hc/theming_assets/01HZFG1JECHDH6JYYNR0B959MC, /hc/theming_assets/01HZFG1H33J69B3JMX1P7RFCGF" ></fl-resource-column> <fl-resource-column title="Build your first plugin" description="Plugins help extend the functionality of Figma. No coding experience? No problem. Learn to leverage Figma’s API to make your first plugin." description-no-limit link="https://help.figma.com/hc/sections/6448765398551-Build-Your-First-Plugin-Course-5-parts-" link-text="Start the course" aspect="16x9" tag-text="For developers" video="/hc/theming_assets/01HZFG1K98G6ATVEX48ESX25PD, /hc/theming_assets/01HZFG1EZRHWDBMERYD7DSRC77" ></fl-resource-column> </div> </div> </section>  <section class="block"> <div class="block-inner"> <div class="block-content-container-single"> <div class="block-content-header"> <h2 class="display display-medium">Couldn't find what you needed?</h2> <p class="body body-medium">Don’t worry, we’ve got more options for you.</p> </div> <div class="supplemental-actions-block"> <a class="supplemental-action-card group" href="https://forum.figma.com/" target="_blank" rel="noopener noreferrer"> <div class="w-[32px] h-[32px] overflow-clip"> <div class="flex flex-col translate-y-[-32px] group-hover:translate-y-0 group-focus-visible:translate-y-0 transition-all"> <svg width="32" height="32" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-brand-violet"> <g clip-path="url(#clip0_3782_3109)"> <circle cx="73" cy="78" r="73" transform="rotate(90 73 78)" fill="currentColor" /> <rect x="113" y="107" width="105" height="80" transform="rotate(90 113 107)" fill="currentColor" /> <circle cx="227" cy="78" r="73" transform="rotate(90 227 78)" fill="currentColor" /> <rect x="267" y="107" width="105" height="80" transform="rotate(90 267 107)" fill="currentColor" /> <path d="M300 160L300 215C300 259.183 264.183 295 220 295L80 295C35.8172 295 -4.33542e-06 259.183 -2.40413e-06 215L0 160L300 160Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_3782_3109"> <rect width="300" height="300" fill="white" /> </clipPath> </defs> </svg> <img src=/hc/theming_assets/01JHNBB9ZQFBTTVQNRKS77D5JZ aria-hidden="true" /> </div> </div> <h6 class="display display-small">Forums</h6> <p class="body text-base font-normal">Jam together with the Figma community.</p> </a> <a class="supplemental-action-card group" href="https://www.figma.com/best-practices/" target="_blank" rel="noopener noreferrer"> <div class="w-[32px] h-[32px] overflow-clip"> <div class="flex flex-col translate-y-[-32px] group-hover:translate-y-0 group-focus-visible:translate-y-0 transition-all"> <svg width="32" height="32" viewBox="0 0 300 300" class="text-brand-gold" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_3782_3087)"> <path d="M40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80H50C61.0457 80 70 88.9543 70 100V200C70 211.046 61.0457 220 50 220H40C17.9086 220 0 237.909 0 260C0 282.091 17.9086 300 40 300C62.0914 300 80 282.091 80 260V250C80 238.954 88.9543 230 100 230H200C211.046 230 220 238.954 220 250V260C220 282.091 237.909 300 260 300C282.091 300 300 282.091 300 260C300 237.909 282.091 220 260 220H250C238.954 220 230 211.046 230 200V100C230 88.9543 238.954 80 250 80H260C282.091 80 300 62.0914 300 40C300 17.9086 282.091 0 260 0C237.909 0 220 17.9086 220 40V50C220 61.0457 211.046 70 200 70H100C88.9543 70 80 61.0457 80 50V40C80 17.9086 62.0914 0 40 0Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_3782_3087"> <rect width="300" height="300" fill="white" /> </clipPath> </defs> </svg> <img src=/hc/theming_assets/01JHNBB47P59XQF28YM2HCQ9M0 aria-hidden="true" /> </div> </div> <h6 class="display display-small">Best practice guides</h6> <p class="body text-base font-normal">Make the most of Figma.</p> </a> <a class="supplemental-action-card group" href="https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001731233"> <div class="w-[32px] h-[32px] overflow-clip"> <div class="flex flex-col translate-y-[-32px] group-hover:translate-y-0 group-focus-visible:translate-y-0 transition-all"> <svg width="32" height="32" class="text-brand-green" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_3782_3124)"> <path d="M0 150C0 67.1573 67.1573 0 150 0C232.843 0 300 67.1573 300 150C300 232.843 232.843 300 150 300H0V150Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_3782_3124"> <rect width="300" height="300" fill="white" /> </clipPath> </defs> </svg> <img src=/hc/theming_assets/01JHNBANV3T2HCK14864XG82SX aria-hidden="true" /> </div> </div> <h6 class="display display-small">Contact support</h6> <p class="body text-base font-normal">Our support team is ready to assist.</p> </a> </div> </div> </div> </section> </main> <div class="wrap"> <footer class="footer"> <div class="logo-and-social footer-links"> <a aria-current="page" href="https://www.figma.com/" class="mb-4"> <svg xmlns="http://www.w3.org/2000/svg" alt="Figma" class="logo-mark" fill="none" viewBox="0 0 120 44" aria-hidden="true"><path fill="currentColor" d="M108.157 35.146q-2.47 0-4.435-.927-1.915-.928-3.074-2.49-1.11-1.61-1.109-3.71 0-2.733 1.814-4.442t5.191-2.343l5.897-1.171q1.763-.342 2.419-1.074.655-.732.655-2.148l.604 5.711-8.466 1.758q-1.713.34-2.671 1.22-.907.88-.907 2.44 0 1.611 1.26 2.588 1.31.975 3.527.976 1.815 0 3.327-.781 1.561-.78 2.419-2.148.907-1.416.907-3.222v-8.542q0-1.758-1.311-2.734-1.26-1.025-3.477-1.025-2.822 0-4.334 1.367t-1.764 3.856l-4.435-.585q.252-2.588 1.613-4.442 1.361-1.904 3.628-2.93 2.268-1.024 5.393-1.024 4.434 0 6.803 2.196T120 17.183v17.23h-4.384v-3.172q-.656 1.61-2.671 2.782-1.967 1.123-4.788 1.123M63.807 34.414V10.056h4.384v2.734q.504-1.416 2.218-2.441t3.98-1.025q2.22 0 4.083.927 1.865.928 2.419 2.783.655-1.71 2.42-2.685 1.813-1.025 4.03-1.025 3.831 0 5.847 2.148 2.016 2.147 2.016 6.248v16.694h-4.486V18.305q0-2.44-1.108-3.66-1.06-1.27-3.125-1.27-2.268 0-3.528 1.562-1.21 1.515-1.21 4.442v15.035h-4.484V18.305q0-2.44-1.11-3.66-1.057-1.27-3.124-1.27-2.268 0-3.528 1.562-1.21 1.515-1.21 4.442v15.035zM46.656 43.2q-4.687 0-7.61-2.099t-3.73-5.857l4.385-.928q.555 2.392 2.369 3.71 1.814 1.367 4.586 1.367 3.325 0 4.989-1.66 1.713-1.61 1.713-4.832v-3.857q-.755 1.805-2.822 2.93-2.016 1.122-4.535 1.122-3.327 0-5.846-1.464-2.52-1.515-3.931-4.198-1.411-2.685-1.411-6.2 0-3.563 1.41-6.248 1.412-2.685 3.881-4.149 2.52-1.513 5.897-1.513 2.52 0 4.586 1.122 2.115 1.074 2.872 2.685v-3.075h4.385V32.9q0 3.22-1.31 5.516-1.31 2.343-3.83 3.563-2.47 1.22-6.048 1.22m-.101-13.96q3.225 0 5.14-2.197 1.965-2.196 1.966-5.809 0-3.66-1.966-5.857t-5.14-2.197q-3.225 0-5.191 2.197-1.915 2.197-1.915 5.857 0 3.612 1.965 5.81 1.966 2.195 5.14 2.196M25.761 34.414V10.056h4.486v24.358zm-.05-27.482V0h4.586v6.932zM0 34.414V0h4.737v34.414zm.958-14.547v-4.149h19.301v4.15zm0-15.669V0h21.166v4.198z"></path></svg> </a> <ul class="md:mt-6"> <li class="locale-options"> <select id="locale-picker" role="menu"> <option value="/hc/change_language/en-us?return_to=%2Fhc%2Fen-us"> English (US) </option> <option value="/hc/change_language/de?return_to=%2Fhc%2Fde"> Deutsch </option> <option value="/hc/change_language/es-419?return_to=%2Fhc%2Fes-419"> Español (Latinoamérica) </option> <option value="/hc/change_language/es-es?return_to=%2Fhc%2Fes-es"> Español (España) </option> <option value="/hc/change_language/fr?return_to=%2Fhc%2Ffr"> Français </option> <option value="/hc/change_language/ja?return_to=%2Fhc%2Fja"> 日本語 </option> <option value="/hc/change_language/ko?return_to=%2Fhc%2Fko"> 한국어 </option> <option value="/hc/change_language/pt-br?return_to=%2Fhc%2Fpt-br"> Português do Brasil </option> </select> </li> <script> $(function(){ // bind change event to select $('#locale-picker').on('change', function () { var url = $(this).val(); // get selected value if (url) { // require a URL window.location = url; // redirect } return false; }); }); </script> <ul class="flex gap-2 social-icons"> <li> <a href="https://x.com/figma" target="_blank" rel="noreferrer" aria-label="X" title="X" class="css-3l9mu9"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" aria-hidden="true" class="css-jaq9k5"> <path fill="currentColor" d="M9.47 6.77 15.3 0h-1.4L8.85 5.88 4.81 0H.15l6.11 8.9L.15 16h1.38l5.35-6.21L11.14 16h4.67zm-1.9 2.2-.61-.88-4.93-7.05h2.12l3.98 5.69.62.88 5.17 7.4h-2.13L7.58 8.97z"></path> </svg> </a> </li> <li> <a href="https://www.youtube.com/figmadesign" target="_blank" rel="noreferrer" aria-label="YouTube" title="YouTube" class="css-3l9mu9"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" fill="none" viewBox="0 0 16 14" aria-hidden="true" class="css-jaq9k5"> <g clip-path="url(#a)"> <path fill="currentColor" d="M15.6 2.5c.4 1.4.4 4.4.4 4.4s0 3-.4 4.4c-.2.8-.8 1.4-1.5 1.6-1.4.4-6.1.4-6.1.4s-4.7 0-6-.4c-.8-.2-1.4-.8-1.6-1.6C0 9.9 0 6.9 0 6.9s0-3 .4-4.4c.2-.8.8-1.4 1.5-1.6C3.3.5 8 .5 8 .5s4.7 0 6 .4c.8.2 1.4.8 1.6 1.6M6.4 9.7l4.8-2.8-4.8-2.8z"></path> </g> <defs> <clipPath id="a"> <path fill="currentColor" d="M0 .5h16v13H0z"></path> </clipPath> </defs> </svg> </a> </li> <li> <a href="https://www.instagram.com/figma" target="_blank" rel="noreferrer" aria-label="Instagram" title="Instagram" class="css-3l9mu9"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 449 449" aria-hidden="true" class="css-jaq9k5"> <path fill="currentColor" d="M224.18 109.6c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9 114.9-51.3 114.9-114.9-51.3-114.9-114.9-114.9m0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7m146.4-194.3c0 14.9-12 26.8-26.8 26.8a26.8 26.8 0 1 1 26.8-26.8m76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8m-47.8 224.5a75.63 75.63 0 0 1-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9a75.63 75.63 0 0 1-42.6-42.6c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1a75.63 75.63 0 0 1 42.6-42.6c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9a75.63 75.63 0 0 1 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1"></path> </svg> </a> </li> <li> <a href="https://www.facebook.com/figmadesign" target="_blank" rel="noreferrer" aria-label="Facebook" title="Facebook" class="css-3l9mu9"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 448 449" aria-hidden="true" class="css-jaq9k5"> <path fill="currentColor" d="M448 25.2v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V275h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8V70.8c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4V275h58.4v173.5H24.7C11.1 448.5 0 437.4 0 423.8V25.2C0 11.6 11.1.5 24.7.5h398.5C436.9.5 448 11.6 448 25.2"></path> </svg> </a> </li> </ul> </ul> </div> <div class="footer-links"> <h6>Use cases</h6> <ul> <li> <a href="https://www.figma.com/ui-design-tool/" target="_blank">UI design</a> </li> <li> <a href="https://www.figma.com/ux-design-tool/" target="_blank">UX design</a> </li> <li> <a href="https://www.figma.com/prototyping/" target="_blank">Prototyping</a> </li> <li> <a href="https://www.figma.com/graphic-design-tool/" target="_blank">Graphic design</a> </li> <li> <a href="https://www.figma.com/wireframe-tool/" target="_blank">Wireframing</a> </li> <li> <a href="https://www.figma.com/brainstorming-tool/" target="_blank">Brainstorming</a> </li> <li> <a href="https://www.figma.com/templates/" target="_blank">Templates</a> </li> <li> <a href="https://www.figma.com/remote-design/" target="_blank">Remote design</a> </li> </ul> </div> <div class="footer-links"> <h6>Explore</h6> <ul> <li> <a href="https://www.figma.com/design/" target="_blank">Design features</a> </li> <li> <a href="https://www.figma.com/prototyping/" target="_blank">Prototyping features</a> </li> <li> <a href="https://www.figma.com/design-systems/" target="_blank">Design systems features</a> </li> <li> <a href="https://www.figma.com/collaboration/" target="_blank">Collaboration features</a> </li> <li> <a href="https://www.figma.com/figjam/" target="_blank">FigJam</a> </li> <li> <a href="https://www.figma.com/pricing/" target="_blank">Pricing</a> </li> <li> <a href="https://www.figma.com/organization/" target="_blank">Enterprise</a> </li> <li> <a href="https://www.figma.com/education/" target="_blank">Students and educators</a> </li> <li> <a href="https://www.figma.com/customers/" target="_blank">Customers</a> </li> <li> <a href="https://www.figma.com/security/" target="_blank">Security</a> </li> <li> <a href="https://www.figma.com/product-integrations/" target="_blank">Integrations</a> </li> <li> <a href="https://www.figma.com/contact/" target="_blank">Contact</a> </li> </ul> </div> <div class="footer-links"> <h6>Resources</h6> <ul> <li> <a href="https://www.figma.com/blog/" target="_blank">Blog</a> </li> <li> <a href="https://www.figma.com/best-practices/" target="_blank">Best practices</a> </li> <li> <a href="https://help.figma.com/hc/" title="Support" target="_blank">Support</a> </li> <li> <a href="https://www.figma.com/developers" target="_blank">Developers</a> </li> <li> <a href="https://www.figma.com/resources/learn-design/" target="_blank">Learn design</a> </li> <li> <a href="https://www.figma.com/downloads/" target="_blank">Downloads</a> </li> <li> <a href="https://www.figma.com/whats-new/" target="_blank">What's new</a> </li> <li> <a href="https://releases.figma.com/" target="_blank">Releases</a> </li> <li> <a href="https://www.figma.com/careers/" target="_blank">Careers</a> </li> <li> <a href="https://www.figma.com/about/" target="_blank">About us</a> </li> <li> <a href="https://www.figma.com/agency-partner-program/" target="_blank">Agency partners</a> </li> <li> <a href="https://www.figma.com/summary-of-policy/" target="_blank">Privacy</a> </li> <li> <a href="https://status.figma.com/" target="_blank">Status</a> </li> </ul> </div> <div class="footer-links"> <h6>Compare</h6> <ul> <li> <a href="https://www.figma.com/figma-vs-sketch/" target="_blank">Sketch</a> </li> <li> <a href="https://www.figma.com/figma-vs-adobe-xd/" target="_blank">Adobe XD</a> </li> <li> <a href="https://www.figma.com/figma-vs-invision-studio/" target="_blank">Invision Studio</a> </li> <li> <a href="https://www.figma.com/figma-vs-framer/" target="_blank">Framer</a> </li> <li> <a href="https://www.figma.com/sketch-alternative/" target="_blank">Design on Windows</a> </li> <li> <a href="https://www.figma.com/figjam-vs-miro/" target=" _blank">Miro</a> </li> </ul> </div> </footer> </div>  <script src="//static.zdassets.com/hc/assets/en-us.2a6b0ee7ad6beeae3ce6.js"></script> <script src="https://figma.zendesk.com/auth/v2/host/without_iframe.js" data-brand-id="360002676493" data-return-to="https://help.figma.com/hc/en-us" data-theme="hc" data-locale="en-us" data-auth-origin="360002676493,true,true"></script> <script type="text/javascript"> /* Greetings sourcecode lurker! This is for internal Zendesk and legacy usage, we don't support or guarantee any of these values so please don't build stuff on top of them. */ HelpCenter = {}; HelpCenter.account = {"subdomain":"figma","environment":"production","name":"Figma"}; HelpCenter.user = {"identifier":"da39a3ee5e6b4b0d3255bfef95601890afd80709","email":null,"name":"","role":"anonymous","avatar_url":"https://assets.zendesk.com/hc/assets/default_avatar.png","is_admin":false,"organizations":[],"groups":[]}; HelpCenter.internal = {"asset_url":"//static.zdassets.com/hc/assets/","web_widget_asset_composer_url":"https://static.zdassets.com/ekr/snippet.js","current_session":{"locale":"en-us","csrf_token":null,"shared_csrf_token":null},"usage_tracking":{"event":"front_page_viewed","data":"BAh7BjoKX21ldGF7DDoPYWNjb3VudF9pZGkDV0qOOhNoZWxwX2NlbnRlcl9pZGwrCNXztNFTADoNYnJhbmRfaWRsKwgN59TRUwA6DHVzZXJfaWQwOhN1c2VyX3JvbGVfbmFtZUkiDkFOT05ZTU9VUwY6BkVUOgtsb2NhbGVJIgplbi11cwY7C1Q6GmFub255bW91c190cmFja2luZ19pZDA=--ffd2bd0f7f9a6740f96b0cb1e85463bcdf235da6","url":"https://help.figma.com/hc/activity"},"current_record_id":null,"current_record_url":null,"current_record_title":null,"current_text_direction":"ltr","current_brand_id":360002676493,"current_brand_name":"Figma","current_brand_url":"https://figma.zendesk.com","current_brand_active":true,"current_path":null,"show_autocomplete_breadcrumbs":true,"user_info_changing_enabled":false,"has_user_profiles_enabled":true,"has_end_user_attachments":true,"user_aliases_enabled":false,"has_anonymous_kb_voting":true,"has_multi_language_help_center":true,"show_at_mentions":false,"embeddables_config":{"embeddables_web_widget":true,"embeddables_connect_ipms":false,"web_widget_seamless_auth_enabled":false},"answer_bot_subdomain":"static","general_settings_url":"https://help.figma.com/hc/admin/general_settings?locale=en-us","user_segments_url":"https://figma.zendesk.com/knowledge/user_segments?brand_id=360002676493","has_gather":true,"has_ckeditor":false,"has_community_enabled":false,"has_community_badges":true,"has_community_post_content_tagging":false,"has_gather_content_tags":true,"has_guide_content_tags":true,"has_user_segments":true,"has_answer_bot_web_form_enabled":false,"has_edit_user_profile_v2":true,"has_garden_modals":false,"theming_cookie_key":"hc-da39a3ee5e6b4b0d3255bfef95601890afd80709-2-preview","is_preview":false,"has_alternate_templates":true,"arrange_articles_url":"https://figma.zendesk.com/knowledge/arrange?brand_id=360002676493","article_verification_url":"https://figma.zendesk.com/knowledge/verification?brand_id=360002676493","has_article_verification":true,"guide_language_settings_url":"https://help.figma.com/hc/admin/language_settings?locale=en-us","docs_importer_url":"https://figma.zendesk.com/knowledge/import_articles?brand_id=360002676493","content_tags_url":"https://figma.zendesk.com/knowledge/content_tags?brand_id=360002676493","community_badges_url":"https://figma.zendesk.com/knowledge/community_badges?brand_id=360002676493","community_settings_url":"https://figma.zendesk.com/knowledge/community_settings?brand_id=360002676493","gather_plan_state":"subscribed","search_settings_url":"https://figma.zendesk.com/knowledge/search_settings?brand_id=360002676493","has_search_settings_in_plan":true,"theming_api_version":2,"theming_settings":{"brand_color":"#000000","brand_text_color":"#FFFFFF","text_color":"#545454","link_color":"#5551FF","background_color":"#FFFFFF","header_background_color":"#FFFFFF","header_link_color":"#000000","footer_background_color":"#FFFFFF","footer_text_color":"#000000","heading_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif","text_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif","logo":"/hc/theming_assets/01HZFG1N1QJPKABHT3PHQQ0J9J","favicon":"/hc/theming_assets/01HZFG1NHWKZA6P3KEG8EQ31YX","hero_image_visibility":false,"homepage_banner_bg_color":"#FFFFFF","homepage_background_image":"/hc/theming_assets/01HZFG1P7YTYN0F6FBWXEAJPAV","chero_image_visibility":true,"community_banner_bg_color":"#FFFFFF","community_background_image":"/hc/theming_assets/01HZFG1P7YTYN0F6FBWXEAJPAV","error_image":"/hc/theming_assets/01HZFG1Q8NQDVZP9YJXP59F2SZ","welcome_message_text":"Welcome to the Figma Help Center","welcome_message_text_dc":"NONE","welcome_message_text_color":"#000000","alter_welcome_message_text":"Learn and level up","alter_welcome_message_text_dc":"NONE","alter_welcome_text_color":"#000000","search_placeholder_text":"Search Components, Styles, Smart Selections","search_placeholder_text_dc":"NONE","category_block_visibility":false,"custom_block_visibility":true,"show_knowledge_base_tree":false,"first_block_icon":"/hc/theming_assets/01HZFG1QQWRMWCNW3CW3C84PSD","first_block_title_color":"rgba(0, 0, 0, 1)","first_block_title":"","first_block_title_dc":"help_center_category_blocks_getting_started","first_block_url":"https://figma.zendesk.com/hc/en-us/categories/360002051613-Getting-Started","second_block_icon":"/hc/theming_assets/01HZFG1R8PB98V9D16W0S2HYAM","second_block_title_color":"rgba(0, 0, 0, 1)","second_block_title":"","second_block_title_dc":"help_center_category_blocks_figma_organization","second_block_url":"https://help.figma.com/hc/en-us/sections/360006606913-Organizations","third_block_icon":"/hc/theming_assets/01HZFG1RQZN8KY9VTPB439AKC0","third_block_title_color":"rgba(0, 0, 0, 1)","third_block_title":"","third_block_title_dc":"help_center_category_blocks_community","third_block_url":"https://help.figma.com/hc/en-us/categories/360002772634-Community#Figma-Community","fourth_block_icon":"/hc/theming_assets/01HZFG1S5DVRJB5R24H5QVQQP3","fourth_block_title_color":"rgba(0, 0, 0, 1)","fourth_block_title":"","fourth_block_title_dc":"help_center_category_blocks_administration","fourth_block_url":"https://figma.zendesk.com/hc/en-us/categories/360001980773-Administration","fifth_block_icon":"/hc/theming_assets/01HZFG1DMFKVD0FXM4JPGAN809","fifth_block_title_color":"rgba(0, 0, 0, 1)","fifth_block_title":"","fifth_block_title_dc":"help_center_category_blocks_video_tutorials","fifth_block_url":"https://www.youtube.com/channel/UCQsVmhSa4X-G3lHlUtejzLA","sixth_block_icon":"/hc/theming_assets/01HZFG1SY15B659D2G6CYTD460","sixth_block_title_color":"rgba(0, 0, 0, 1)","sixth_block_title":"","sixth_block_title_dc":"help_center_category_blocks_components","sixth_block_url":"https://figma.zendesk.com/hc/en-us/categories/360002042553-Using-Figma#Components","seventh_block_icon":"/hc/theming_assets/01HZFG1TCYCSSNN6TQ6GN08FG2","seventh_block_title_color":"rgba(0, 0, 0, 1)","seventh_block_title":"","seventh_block_title_dc":"help_center_footer_downloads","seventh_block_url":"https://www.figma.com/downloads/","eighth_block_icon":"/hc/theming_assets/01HZFG1TVY2ZTK75Q3SMFNG75W","eighth_block_title_color":"rgba(0, 0, 0, 1)","eighth_block_title":"","eighth_block_title_dc":"help_center_footer_blog","eighth_block_url":"https://www.figma.com/blog/","show_follow_button":false,"hide_search_result_sidebar":true,"comment_block_visibility":false,"show_articles_in_section":false,"author_meta_details_visibility":false,"show_follow_article":false,"social_share_visibility":false,"twitter_link":"https://twitter.com/figmadesign","facebook_link":"https://www.facebook.com/figmadesign","medium_link":"https://medium.com/figma-design","instagram_link":"https://www.instagram.com/figmadesign/"},"has_pci_credit_card_custom_field":true,"help_center_restricted":false,"is_assuming_someone_else":false,"flash_messages":[],"user_photo_editing_enabled":true,"user_preferred_locale":"en-us","base_locale":"en-us","has_user_session_cookie_enabled":true,"has_custom_statuses_enabled":false,"has_generative_answers_in_help_center":true,"has_generative_answers_in_help_center_for_anonymous":false,"has_hc_generative_answers_setting_enabled":true,"has_intl_date_format_enabled":true,"has_guide_service_catalog":false,"version":"v25940"}; </script> <script src="//static.zdassets.com/hc/assets/hc_enduser-d02e6fe25180f994701f078a1fe0f904.js"></script> <script type="text/javascript" src="/hc/theming_assets/9325143/360002676493/script.js?digest=31148010650647"></script> </body> </html>

CINXE.COM

Figma Learn - Help Center