Get Solutions

Hi there, I’m on the latest Figma version. I’ve added some new variables in the team’s UI Library which sits under the Design System space. There are three collections inside this UI Library called: Theme Master, Colors and Spacing. I have another Figma design file sitting in its own project space, and I’ve imported the UI Library into this design file. But I can only see a portion of the variables from the UI Library (about a quarter only). We have Enterprise license. Questions Does anyone have the same issue, and do you have a workaround this? Must both the UI Library and the design files be in the same team space?

I’d like to scale text visually to 75% or 50% without it changing the font size / text style. Is that possible? I have a standard set of variables and text styles (multiple headings, paragraphs, etc) for most of my project, but in a few cases, I need to apply them at different scales... like for a small banner ad. The styles are still syntactically “Heading 1” and “Paragraph” lets say, but at 75%. There may be a variety of scales, so I thought it would get out of control to duplicate text styles at a percentage.

Would love if Figma could compile best practices for optimizing the load speed of prototypes. Answering: What choices to make or not make so that prototypes load as quickly as possible?So I’d love to know from the community:What best practices have you found that help prototypes load quicker?  What causes prototypes to load slower that should be avoided?For reference: I have a 19-page desktop prototype that is component-heavy that I will be using for a usability test this week. It’s a set of 10 rows that expand and collapse, revealing a very data-heavy component-heavy layout so I’ve replaced those with straight pngs in hopes that would help.The header and rows of the  prototype references components from a robust design system library, components from a specific design file and in-file components. Variables for colors, mainly just regular font styles versus variables. Clicking certain buttons ca

Hi all, Is it possible to resize the bounding box of a component without resizing the contents? I can see the option Resize to Fit but can’t find a manual option to drag?

When underlining a text button, the registration mark or other marks don’t underline properly. The new offset feature also doesn’t fix this issue. Is there a way to underline the baseline of the text layer instead of the characters? 

Hello, There a notification in my dashboard, however there doesn’t seem to be any content related to it.Do you know if it’s referring to something specific, or if it’s a bug? Thank you!  

I have a shared library that houses a number of frequently used colors as well as separate design files that utilize them. I recently updated several of the color values; however, the components that reference these values still appear to be showing the old colors. Restarting my Wifi, computer, and Figma as well as closing, reopening, or even duplicating the file has no effect. The only thing that seems to fix it is clicking the color name in the Fill panel and clicking the color name (that is already selected). Obviously this solution isn’t scalable when you have a large amount of colors and components that need updating. Can anyone please suggest a way to ensure the latest colors are displayed throughout the file automatically without requiring manually updating each instance? Thanks in advance!

Given a button component with some variants for color: … and given a popover-button component with the button component nested into it:

Bug DescriptionI have built a prototype using components and variables. Specifically, the situation involves one component being hidden and another displayed. These components are linked to another library.The Issue:Text within the displayed component is no longer visible, leaving the field blank. (See attached screenshot.) This issue does not occur on Mac, in Chrome browser, or in the Figma app. However, the bug appears on Windows devices, particularly in Edge browser. Additionally, the issue seems to affect external users who are not logged into Figma.Since this is a test file, the issue occurs consistently (100% of the time). Impact and ChallengesThis bug has already consumed significant time and resources. The client is very dissatisfied with Figma’s performance, as similar bugs have occurred in prototypes before, making such

I am conducting user tests, and getting a bug when using a mobile web browser. The page will try loading repeatedly and crash. Yesterday the same prototype was working fine in a mobile browser, and at the moment the same prototype preview is working well in a desktop browser. On my end, this is quite time sensitive, as I have back to back user tests booked all week. I get a message that states a problem repeatedly occurred on “…”

Hi all, I was wondering if it’s possible to change components with the light and dark mode feature. The use case is in my site navigation I want to change the brand logo to the correct version depending on whether the designs are in light or dark mode. I know I could just change it in the properties panel but it would be nice to have it automated so other designers get the correct logo with limited brand knowledge. Any thoughts or help appreciated James

I’m trying to build a scalable and flexible form field input component, made out of the subcomponents (background, labels, right icon, left icon) so I can change the states between default, focused, and error. I’ve built these, but no matter what settings I have applied on the subcomponent “background” (position: scale / R &T; auto layout: hug - I cannot fill container as there is no parent container to fill) when I incorporate it into a core component, the “background” subcomponent’s width cannot be changed.  What is going wrong here? 

Hello, I lost an important file. This document records all my work and is very important to me. I was able to use it yesterday, but today I found that I could not open it and it showed 404. At the same time, this recent file was not shown in the recent deletions.Request: I hope you can help me recover these files. Thank you very much for the help of the figma team.

Experiencing issues in Figma with local components, in particular where they were looked correct for a long time and now nearly every day when you open the file they appear broken across all the screens but when but you click into the component it fixes itself?Tried reloading the file / tab and doing the click into the component fix but next day it’s broken again.Any reason why it keeps happening when it was fine before? 

I am a student starting to use Figma to create some html to learn while helping the community by creating some data entry forms for charity. I created the account yesterday but am unable to try this out. Should the school have an education plan that covers Figma for this?

Hello, When I click on a frame, go to Plugins, and click on Figma to Code, I get this error message:Error :(// cannot read property 'layoutMode' of undefinedHow can it be solved?

Hi, how do I transfer an organizer account to another account, because my current office email is undergoing a domain renewal, so I need to update my email to a new office email. Can anyone help?  

If you create a button component with a variant for a pressed state and add a "Change to" action to make it interactive, the placed instance will remain in its pressed state when an "On click" action is applied.Steps to reproduce:1. Create a component with 2 variants2. Add a "While pressing" action to the first variant that switches to the second.3. Place two instances of the component in a frame.4. Add an "On Click" action to one instance (e.g. setting a variable).5. Test the prototype.Result:The instance with the “On click” action stays pressed, while the other doesn't.Link sample: 

I created a subcomponent with autolayout and organized a menu of images registered together with those components.Obviously, I made it in left alignment and it kept looking like that, but at some point when I turned it off and turned it back on, the components were randomly aligned to the right.The main component remains the same, but only in all instances it looks like this. What's wrong with that? instance main component 

Hello, my computer is Mac, and my Figma cannot read local fonts in the browser, but it can read them on the client. What's going on? I uninstalled and reinstalled the font program in the browser, but the problem still didn't get solved. I restarted the Mac, but the problem didn't get solved either.

Is there a way I can turn a normal autolayout textbox frames into an component Instance, without having to copy the component and replace existing texts one by one. For example I have multiple mobile pages that is not linked to a component as below, is there a way to click all the text boxes and link it into becoming a component instance?  

I’m running into a frustrating issue with our design system in Figma and could use some help figuring out what’s going wrong. Here’s the situation:We have a component from an older version of our design system, and recently we updated its structure (e.g., layer organization, etc.). After publishing the updated library, the changes aren’t reflecting in another file that uses this component. The structure in that file stays stuck on the old version, and the only fix we’ve found is to manually swap the component from the library again. On top of that, variables tied to the component aren’t updating either—we keep getting an error saying “Library needs to be republished” to reflect the mode, even though we’ve already republished everything.Our setup looks like this:Variables are defined in one file. Components are in a separate file. We updated both the variables and component structure, then republished the library.I’d love to kn

May I ask how the AI background removal function in figma is implemented, and which company's api is used? I think this function is great, and I want to integrate this function into my website. Looking forward to replying.

I’ve gone through the variables playground docs and everything seems straightforward, but I cannot assign a mode to a frame. When I look at the example docs, there is a mode switch icon in the layer palette. But when I draw a frame on the canvas, I don’t see it. I’ve placed a demo file here. I want the red box to change its red variable between light and dark frames.