forum.figma.com
[Config 2025] Figma Sites is here — let's hear what you think!
Excerpt
### What we heard Here are the most common and impactful themes raised by the community here in Figma Forum: **1. Accessibility: Export Options & Integration Flexibility** A key request was the ability to export clean, semantic HTML/CSS or integrate Figma Sites with existing CMS tools. Many of you see Figma Sites as a powerful tool — if it can fit into their broader publishing and dev ecosystems. … - **Export & CMS Support:** Code export and CMS integrations are top-of-mind. While not available yet, these areas are being explored for future roadmap considerations — especially as more teams request publishing flexibility. - **Font Fidelity & Customization:** Good news — custom fonts support is coming soon. We’ve heard your reports on Google Fonts and variable text rendering inconsistencies. These issues are under investigation, and we’re reviewing how font handling can better match your design file expectations. … - **Component Behavior & Breakpoints:** Multiple users noted differences between Figma Design and Sites when it comes to variables, auto layout, and component states. We’re reviewing this feedback to smooth out those inconsistencies and make responsive behavior more predictable and performant. For more details and latest updates, keep an eye on this article: Create a responsive component that automatically adapts to each breakpoint. … ... A big worry-flag for me, without knowing more around the tool (so I can be totally wrong), is the fact that in the demo’s I saw people use it in a “Copy and paste your designs from Figma into Sites”, which… totally defeats the point of having everything in 1 tool. … I highly recommend checking out the Authoring Tool Accessibility Guidelines, published by the W3C: https://www.w3.org/WAI/standards-guidelines/atag/ for some evaluation criteria for Figma Sites as an accessible authoring tool. I was excited for this when it was initially mentioned, but if the sites are going to be only be divs, it is essentially impossible to release accessible websites with it. Meaning most businesses globally can't use it without risking litigation or having their product pulled from the market. I hope that as you iterate on this product you ensure the folks paying to use it are set up for success. … 1. Accessibility settings are hidden by default - you have to manually add them to each layer. Why can’t we make these settings already visible? 2. No high-level view of applied tags - you have to click into every single layer to check. 3. Everything defaults to a <div>. Why can’t we utilise the purpose of some of the Blocks to add some basic semantics? … 8. aria-label is added everywhere, sometimes duplicating visible content or mislabeled as “alt text.” This could cause WCAG 2.5.3: Label in Name failures. Also, now I have tested this more, if you apply a tag to something like a heading, the usage of aria-label duplicating the intenral <div> actyually makes the heading completely inaccessible to VoiceOver, where it doesn’t read the content of the heading due to the ‘grouped’ element inside it with aria-label. So **applying accessibility tags can actually make it worse for users**. 9. Default content blocks aren’t accessibility-ready - e.g., poor reading order in card layouts where images are above their heading - means screen readers will here a related image before the heading - have we considered keyboard and reading focus order? 10. No functionality possible like skip links. … 1. Accessibility settings are hidden by default - you have to manually add them to each layer. Why can’t we make these settings already visible? 2. No high-level view of applied tags - you have to click into every single layer to check. 3. Everything defaults to a <div>. ... 8. aria-label is added everywhere, sometimes duplicating visible content or mislabeled as “alt text.” ... Also, now I have tested this more, if you apply a tag to something like a heading, the usage of aria-label duplicating the intenral <div> actyually makes the heading completely inaccessible to VoiceOver, where it doesn’t read the content of the heading due to the ‘grouped’ element inside it with aria-label. ... 9. Default content blocks aren’t accessibility-ready - e.g., poor reading order in card layouts where images are above their heading - means screen readers will here a related image before the heading - have we considered keyboard and reading focus order? 10. No functionality possible like skip links.
Related Pain Points
Figma Sites aria-label implementation creates accessibility failures and VoiceOver issues
9Figma Sites automatically adds aria-label attributes everywhere, often duplicating visible content or mislabeling as alt text, causing WCAG 2.5.3 (Label in Name) failures. When accessibility tags are applied to headings, the duplicated aria-label makes content completely inaccessible to VoiceOver by grouping it incorrectly.
Figma Sites exports only generic divs, preventing semantic HTML and accessibility
9Figma Sites generates only `<div>` elements without semantic HTML, making it impossible to create accessible websites that comply with WCAG standards. This poses litigation risk for businesses and prevents proper semantic structure required for screen readers and keyboard navigation.
Figma Sites lacks keyboard navigation and skip link functionality
8Figma Sites has poor reading order and focus management—content blocks aren't accessibility-ready (e.g., images appear before headings in card layouts to screen readers). The tool provides no functionality for essential accessibility features like skip links or proper keyboard focus order.
Figma Sites accessibility settings hidden by default and inconsistent with design file
8Accessibility settings in Figma Sites are hidden by default and must be manually added to each layer. Additionally, there's no high-level view of applied accessibility tags—users must click into every layer individually to check. Component behavior, variables, and states differ between Figma Design and Sites.