Ask the Community

I have a component where I have built a workflow of 4 “views”, each a variant, where clicking in the right place does a “change to” to the next view. These all work fine. prob 1, you can’t have a button in a frame target a variant to open. So I worked around this by pulling an instance of the first view out, and that gets opened as an overlay. Still good. And the whole “change to” flow still works. Now for the problem. I updated the initial overlay call to position “bottom right”, which is ok, but now when the “change to” triggers, instead of changing in place, it shifts the overlay to centered. I’ve tried re creating the links, restarting, etc… no change. I tried manual position of the initial overlay, and it still jumps center when “change to”. This bug is a huge problem and limitation as I often need to create similar localized variant usage.

There is a bug in the copy link to selection function. When using the pop up menu and selecting “copy link to selection” it will copy the link to the exact thing that I’ve selected (yay!) The “copy link to selection” function also has a shortcut key, ⌘L (yay!) When using the ⌘L shortcut the link copied only points to the frame/section that the selected object is within, not the original selection. This means that the pop up menu option and the shortcut for that menu option will point to two different links (boo!)

Hello,We are in the process of changing our domain name, and we are currently using "Login with Google" for authentication. Could you please provide the steps to update this integration with the new domain?

Is anybody else experiencing this bug? Randomly when I paste or create a frame Figma will, very helpfully, create an explosive number of frames within it. 

HiI accidentally deleted a team that contained an important file. I thought the file was saved under a different team, but it turns out it was only in the deleted team.Is there any way to recover that file?Thanks in advance!

To improve the AppTransaction page, focus on enhancing user experience with smarter analytics, real-time insights, and predictive features powered by AI. Integrating an advanced recommendation engine or anomaly detection can greatly boost functionality. For this, it’s ideal to artificial intelligence developer who can implement intelligent, data-driven enhancements.

I added another colour token to an already published file, but the new colour token is not reflecting in other files where I used the assetss from the published file.

Helo, as already discussed in the returned Variables[] are not the same as in the UI. Is there any update on this? 

I need access to a prototype in my environment that I can’t open. I can see it in my Shared Files but can’t open it to view or edit.  How do I retrieve that file or update the access? Nobody in my company has access to it but me. 

After the latest update, I think it has become impractical in terms of user experience. The old interface was more user-friendly.

Hey, I am trying to increase / decrease the dimension by using keyboard arrows in windows OS by keeping my cursor next to another object to find the pixel. Increasing/pressing up arrow is working fine, but if i press down arrow to reduce the pixel, i am getting Search along with libraries popup. How can i avoid this use like before.

Necesito renovar mi plan educativo, aún me quedan dos años de carrera para finalizar, pero no puedo actualizar mi estado de estudiante. Me aparece una alerta que todos los proyectos pueden desaparecer. Ayuda!

Hi everyone!I have just started out to learn FIGMA, with a focus on learning UI and UX. I’m just lost in a sea of information and resources on Youtube and other platforms. Can you please help me with some straightforward channels and other resources that I could learn from without spiralling out and get lost. A consistent problem I have faced till now is that the tutorials seem outdated as in the creator/instructor teaching FIGMA is using a different version and as I follow along the buttons, menu and other layouts placed are different than my current versions and I end up spending more time on google for searching where this button is currently located in my version or so. Can you all help me with this with some good resources, I do  not want to learn from a bootcamp style courses, unless it has some really good social proof or review or you have personally went through the bootcamp and have benefitted from it.

I have a file with a single component. Every instance can be followed to the main component in the documentation present in same file. I want to publish the file library so later I can Cut+paste it into another component library.On the last step before publishing I have “Added (?)” message next to a few components (that work before publishing) saying:“This component was moved to another file. Publishing this new copy won’t update instances in other files.”The component wasn’t moved to another file. After publishing the library despite this message all local instances are detached and my only option to follow back to a component is to “Restore main component” - but the component was there anyways. When I click on “Restore main component” it places the same component on top of main component that was previously present.When I delete the one that doesn’t work and publish the library again, same thing happens. I’ve added 20 components like this but did not face this problem. Faced this pro

 Please, I’m finding it difficult to make the “Login” text to sit on the yellow shape. Is not responsive like the others.

Hey guys, hope you're doing well.I am struggling to understand how this part of Figma works a bit so let me ask you a question.I hope I can explain it well:So basically you see the bottom element is icon and text. I want to be able to toggle between the different sizes I want to be able to toggle the icon next to the text to be big, middle or small as on the second row. I want with every size to be able to choose different color, for example I choose the small circle with the text I wanna see how it looks like with red, after with green and after with blue. And same for the middle and the big sizes. I guess the sizes must be component with 3 variables, and the colors should be instance swaps? I am lost please help and explain step by step so I can understand. Thank you in advance! :)(I know it would be easier if they were really just colors, but they are different elements I just used colors for the sake of my question to understand the functionality)

Hi everyone!I’m currently building a design system for my company we have already a Figma Enterprise license, and we’re leveraging the API to sync design tokens with dev team. So far, things have worked well when it comes to color variations at the component level — we’re able to extract and sync those successfully. However, we’ve hit a bit of a roadblock: The Figma API doesn’t seem to expose component-level values for corner radius, padding, or spacing — at least not in a way we can reliably use for token sync.While color tokens are accessible, properties like padding or radius that vary across component variants (e.g. input/small vs input/large) aren’t available through the API in the same way. I’m wondering: Is there a workaround or best practice for syncing these kinds of values via the API? Any help, insights, or suggestions would be hugely appreciated!

I am building a plugin where we need to let the users to authenticate via SSO. These users are governed by internal IT policies and hence can’t use OAuth. Are there examples/primer on how to use SSO for authentication for Figma Plugins?

When exporting using @2x, @3x, etc multipliers, Figma not only doubles the resolution (width x height) it also doubles the DPI of the image. I’ve been told by Figma on twitter that this is by design. My question is why? DPI is useful for print, but digital screens and devices completely ignore DPI when rendering an image. All they care about is the resolution. I know this sounds wrong, but it’s a fact. An image that is 100x100 will display the same on screen regardless of it is 72 or 144 DPI. High Density screens rely on larger resolutions (i.e. double the size, triple the size) and then pixels are doubled or tripled to get the high-quality look of retina or High DPI images. Also, if screens really did respect DPI, then doubling the DPI would be enough to support these screens. There would be no need to also double the resolution. By doubling both, you are effectively making an @2x image @4x. You’re also making the resulting exported image unnecessarily large. We have certain systems t

I need a pdf cheat sheet of the shortkeys for macOS.  the reason i need it in pdf is so that its reliable.  What i mean is is figma is so hard i would have to cuss to explain the problems i’m facing.  school is requiring me to go thru the old 4 tutorials which, because of the change in format since the video, i’m in hell right now.  i need a pdf so that i can open in in a side by side window.  figma is squirrelly as i could ever imagine.  i tried to load the cheat sheet in  to my desktop app of figma, but i can’t find it.  please Figma, take this as the worst feedback you could imagine.  I despise my situation that i’m in… having to figure out this crazy program.

I’ve been using Cursor to vibe code some screens to help me speed up prototyping, which has been super helpful up until a certain point. When I needed to expand the prototype, I found myself wishing I could just pull the main screens back into Figma with all the design system components already in place.So far, the closest I’ve gotten is exporting HTML/CSS files, but I still need to manually rebuild them in Figma. The design system were built on React. Has anyone looked into this?

I want to change a variant and open an overlay with “Position: Manual” after a “click trigger” in Figma. The trigger performs both actions, but the overlay opens as “Centered” instead of “Manual.” Any suggestions? Thank you!

I’m trying to create the following scenario in my Figma prototype: There is an input field and a disabled button. Once the user types at least 3 characters, the button is enabled. Is there a way to use conditionals and variables in Figma to do this? Here’s an example of what I’m working with: https://www.figma.com/file/UbQIf2uwqG8bxYIIX1gh2D/Typing-prototype?type=design&node-id=1817%3A47672&mode=design&t=MRMxUzaH6xB5K0GK-1 Any help is appreciated!

Hey everyone, I am creating a tinder-like app for my class final (due today!!) and everything was working fine until we sent it out for user testing and started to see that at times the prototype will crash and just produce a white screen. We have tried it on multiple different devices and no dice. It is 4144KB when downloaded with variable, smart animations, components etc.We see the crash most often when executing the swipe feature.Any assistance would be great! Here is the file: White 

I am working on a mobile prototype and want my users test it in the browser from mobile phones (not using Figma app). I made a proto for iPhone 13 dimensions and of course when you open it in browser, the screen dimension is smaller due to browser nav and status bar. I want my proto to fir the screen (may have empty space on the left and on the right) but the proto height will be fitted to the screen. Fir the screen in settings doesn’t work.