Figma Sites vs. Framer

Config 2025 brought huge updates to the Figma ecosystem, including four new tools - one of which enables building websites with no code. It seems Figma aims to compete with Framer, which has specialized in creating a no-code website builder beloved by the design community.

Will Figma succeed in the competition? How does the Figma Sites experience differ from Framer? Is Figma Sites ready to be used for Client work?

In this article, you’ll find my analysis and answers to many of these questions.

‍ 

‍

‍ 

One project, two no-code tools

To make a proper comparison, it would be ideal to create the same site in both tools. Fortunately, my recent Framer Template just launched in the official Framer Store. What’s more, it’s a bit simpler than other templates I made, so it could be possible to recreate using the newly released no-code software.

Finally, Figma’s promise that you design in “Figma Design” and simply copy your creation to “Figma Sites” was worth testing, as I already had design explorations made in this tool.

If you’d like to see it live, preview the Framer website here. To check the quality behind it (Framer Marketplace ensures that through a series of reviews), you may get the template for free.

Figma Sites can also be exported and shared. Preview the Figma Sites version here.

‍ 

‍ 

Framer vs. Figma: The comparison

In this case, Framer was the benchmark. I created what I aimed to achieve—a clear, responsive structure, strong SEO performance, animations and interactions, embedded AI-generated videos, and more.

Figma needed to catch up in all these areas. Here’s what went well, where I struggled, and what was impossible.

‍

 ‍

Figma Sites advantages

The first release positively surprised me in the following ways:

• The learning curve for Figma Sites is very low. It uses the same UI patterns and feels like prototyping when connecting interactions.
• Styles and variables used in Figma Design are applied to theme the site.
• Interactive components work quite well, allowing animated interactions with Smart Animate.
• Fast transition from design to site. You can literally copy and paste your design and start turning it into a real website. Here I have additional note - I’ve seen many great designers, not structuring their designs with auto layout, components and styles. Usually when you iterate you do not pay attention to this technical details, so still designer jumping into Sites will need to “recreate” the design there.

‍

‍ 

Figma Sites struggles

After the initial wave of optimism, I realized there’s still a long road ahead before Figma becomes the go-to tool for no-code web designers. Here’s why:

• Buggy preview. Sometimes you need to refresh the site canvas and preview for it to work.
• Layout issues. Elements occasionally fail to align properly, with issues appearing across breakpoints. Since Figma Design has a well-functioning Auto Layout, it was surprising to encounter these errors. The team will likely apply fixes soon.
• Missing features. Some elements that work in prototyping (like videos) don’t work in Sites. This is difficult to understand. It seems the team rushed to launch during Config and left certain features for later. Still, it feels odd that prototypes have more interactions than the live site built in the same tool.
• The site feels static. The launched site feels more like a prototype than a real website. I’m not sure what causes this impression—it could be rendering or animation easing.

These are factors visible when you design the sites, but this is not everything that no-code tool need to have.

 ‍

‍

‍

‍ 

It’s more than no-code UI design

Building a no-code website involves much more than just design. The tool must support the creator on many levels. Here are the key elements I considered:

• Built-in CMS. Many websites need dynamic, design-independent content. Figma Sites doesn’t support this yet, but the team has promised to release the feature soon.
• Browser support. If you use Chrome, you won’t notice a difference between Framer and Figma Sites. However, a good no-code tool should work on all major browsers. In Safari, my Figma Sites version showed strangely rendered fonts, buttons missing arrows, and incorrectly displayed gradients.
• SEO support. This is essential for any professional website. With Framer, it’s easy to achieve top results. The Rosegold Framer Template received high scores on Google PageSpeed Insights.
• Figma Sites doesn’t yet match that level of optimization. It scored noticeably lower in both Performance and SEO, and from what I noticed - currently, you can’t fix most of these issues manually.
• Lack of strong examples. Although the Figma Community is large, we still lack compelling examples of what can be built with Figma Sites. This will likely change over time. For now, most examples come directly from the Figma team.
• Hosting. One downside of Framer, especially for enterprise clients, is the lack of export and self-hosting options. It seems Figma has taken the same approach.
• Pricing. Framer is not cheap, but Figma Sites’ pricing remains unclear. For now, it’s available as part of the Figma Full Seat paid plan.

Another fun fact: When Framer launched, it clearly took inspiration from Figma and Sketch for UI design elements and patterns. Now Figma Sites seems to draw strong inspiration from Framer, especially in areas like breakpoints, metadata settings, and prebuilt components.

‍

‍

‍

Summing up: Can Figma Sites beat Framer?

It’s always exciting to see new solutions in the market. They inspire innovation and drive tool development. Figma Sites marks Figma’s first attempt to enter the no-code space. However, based on its initial release, I wouldn’t yet recommend using it to build a client site. I am curious to see how Figma continues to evolve this feature.

For now, Framer remains the safer and more rational choice. It’s stable, SEO-friendly, well-supported, and easier to maintain once you learn it.

Ultimately, we designers benefit from this competition. As I mentioned earlier, we now have access to more features and better tools because everyone is striving to become—or remain—the top choice.

And again, if you’d like to see how the same website was made in Framer and Figma, you may get the first one for free.

Have you designed something in Framer or tried Figma Sites? What are your thoughts? Let me know!

Thanks for reading.