Skip to main content

I’m struggling to configure projects in a way that lets Figma keep components synced between designs and the design system without destroying its performance. Is there any way to improve Figma’s performance while working with components?

 

I watched their video, and they didn’t mention anything about addressing this issue. It feels like we’re being pushed into a setup that will be costly to change later on.

Hey ​@Keketso

It's very possible that your components are the cause of the performance issues. Are you seeing any memory alerts? Your file could also be possibly be hitting the memory limit.
Here are the areas, but aren't limited to, that can affect the memory usage:

  1. Many variants in one component set: A set appears as a single-component update when publishing, but keep in mind that publishing a single component set includes all of its variants. Very large component sets can be slow to publish and can slow performance in files using these variants.
  2. Images added to your file at a much larger size that they're used at: You can check this by setting your image fill settings to 'Tile', 100% which will show you the full image size available to you. If it's significantly larger that it's being used at we suggest you either flatten that image or export and re-add it as a new fill so only the size you need it at is stored. Here's a Figma plugin that can help compress images: Downsize
  3. A large amount of content spread across multiple pages: If your file has content not connected to a prototype and also is not a main component library (which cannot currently be moved from the file it's created in) we suggest you cut and paste this content to a new file so that you aren't loading content you don't need.
  4. Hidden layers: Loading and then hiding a large number of layers, especially in components or with images stored in them, can cause a high use of available memory on loading.
  5. Stacked masks and effects like shadows and blurs also take a lot of memory to load.



We recommend reviewing those areas to help manage your file's memory usage. Here's our Help Center article that has more details on this as well: Troubleshoot memory issues

If these are in component sets, we also recommend to make sure to avoid creating large sets. Here's our Best Practices page that has more details on this: Best Practices: Creating and organizing Variants
 

Let me know if this is helpful, happy to help out further! 


Reply