Ask the Community

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.

I’m on a mac and I can’t log into the desktop app.I can log into the web based version but when I clicked ‘open in desktop app’ it opens the app and asks me to log in again - I’m going round in circles!!!  😵‍💫What is going on?

Hey there, I’m looking for help setting up the UI for a Figma plugin.I am using a non-null origin, and testing the code using “https://www.google.com” figma.showUI( `<script> window.location.href = "https://www.google.com"; console.log(window.origin); //null </script>`, { height: 600, width: 400 }); I’ve included google in the manifest as an allowed domain.  "networkAccess": { "allowedDomains": ["https://www.google.com", "https://*.google.com" ], "reasoning" : "For testing purposes", "devAllowedDomains": [ "https://wwww.google.com", "https://*.google.com" ] }All I see in the plugin window is a white box. The console isn’t throwing any syntax or permission errors.Does anyone have a suggested fix? Is there something “basic” that I’m missing? (like, not testing showUI with google)Thank you for your time.

Hello community, hope you are having a fantastic day today.I'm reaching out because I need your help in the matter of design system and Figma libraries. Let me give you some context: in my organisation we created our design system ui kit by having a foundation library, that would serve as base for the components and then two secondary libraries (Web and Native) in order to plug the instances from Foundation.We did this because originally we envisioned the Web ui to be quite different from Native one; the problem is that, this differentiation never happened and now we are stuck with two libraries that look essentially the same; this means that every time we create a component, we do it Foundation, we publish it and then plug it in Web and Native libraries and make components out of them. The additional problem is that the base component from Foundation has styles and variants, so essentially the secondary library components are just the same instances of foundation, nested into each oth

Hi all,I’ve created a form field component that needs to be used across multiple clients. Each client may require slight changes to the styling—such as hover color, border, and text appearance—to match their branding.The issue I’m facing is that when I use the component for a new client and try to adjust the colors, it doesn’t work as expected. One option would be to create variants for each client, but with dozens of clients, that could get messy very quickly.Is there a better way to handle this? Would using variables be a good solution? I’m looking for a way to keep the component reusable while still allowing client-specific customizations.Thanks in advance for any advice!

Can i create any from these websites

I have a file with local components. Every instance can be followed to the main component. I want to publish the file 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, it seems the connection breaks? When I click on “Restore main component” it places the same component on top of the one that now doesn’t seem to work. When I delete the one that doesn’t work and publish the library again, same thing happens. Could someone assist with this curious case?

Good morning all, does anyone have a list of warning light descriptions please. Thanks Dave

I'm experiencing super weird behavior all of the sudden - Desktop Figma on MacOS, 15.4.1.Text that I copy from one simple frame (a blank slide or rectangle) won't paste inside another after selecting that other frame to paste in. It either pastes in the space between frames or in the original frame.And this follows behavior in which it WAS pasting in a new frame, but in the center of it rather than where it was originally positioned in the first frame! WTH is going on? No different with paste in place or paste here.However, shapes and other frames paste as expected. Help!

I'm working on a website section. When I hover over the 'Apple' button, I want the Apple image to appear on the left. I’ve tried using variables, but the images flicker. I’m not sure how to set it up properly to make it work. Thanks!(additional details: If by default no buttons is hovered, it will display “Fruit” image) Don’t wanna make the entire section into a component variant, I have title and description too. Don’t think is best practice.Related threads but not applicable to my case:  

I'm sure this is not my problem. I haven't deleted these frameworks. Because I was still sleeping at that time. This isn't the first time I've encountered such a thing. Why on earth did this happen??The version number is: v125.1.5 

"I downloaded the 'The esigner' plugin from Figma as per GPT's instructions, but instead of converting the file to PSD, I accidentally uploaded my design to the website https://www.theesigner.io/. Even after logging in with my account, I can't find a way to delete it. What should I do?"

I have multiple components that lead with the same prefix. I need to change these for each project as we have project numbers associated for each job. When I do a “Find” I can see the list of component names. However, when I do a Find/Replace, there seems to be no results found. Any help is appreciated.

This is so unnecessary frustrating!  

Hi everyone 👋I’m working on a Figma plugin and I’m wondering if anyone has already built (or come across) a plugin template that follows a similar structure or logic to Marmelab’s React-Admin.Ideally, I’m looking for a template that: Uses React or similar component structure Is designed for plugin development in Figma Supports a clear UI logic or admin-style layout, like what Marmelab offers Bonus if it’s already integrated with Figma Plugin API basics Any pointers, links, or even your own project examples would be much appreciated 🙏Thanks in advance!

Recently we have started a workspace restructure exercise and I’ve encountered a frustrating issue with customizing the icon.  The default icon is a full bleed as well as spaces we have created in the past but now there seems to be a white border which I can’t get past.  Is this something new or has anyone dealt with this before?I’ve attached an example of what it looks like.  To the left you can see the white border, then transparency, then the un-scaled icon.  To the right you can see the border persisting even when scaling the icon.  

Hi,I’m trying to share a presentation from Figma Slides with someone outside my organization and give them edit access. I’ve been sharing the link, but they keep saying they can’t access it.Is there a specific way to share it with people outside the organization?