Ask the Community

Hey designers!I’m pretty new to both Figma and UI design, and I’ve been struggling a bit. Honestly, it’s hard to explain exactly what I’m stuck on—partly because I don’t even know what the terms are yet! But I’ve noticed that a lot of experienced designers use something called a design system, and it seems super helpful.One thing I’m really curious about is how to name color variables in a design system. For example, I often see things like Blue-50, Blue-100, and so on. What’s the logic behind that kind of naming? How does it work?I’ve watched a bunch of YouTube videos, and many of them recommend using plugins. But I’d really like to understand how to name them myself, the proper way.Is there a standard I should be following? Should I stick to the same naming style all the time? I’d really appreciate any explanations or resources you could share!Thanks so much in advance. I’m finding all of this a bit overwhelming as a beginner, and your help would mean a lot!

Dear community members,I need to remove the extra white corner part of my design from the frame. Which feature should I use?

Has anyone heard about variable beta….fx button, database icon..variable scoping like Prototype scope..???

I’m creating a social media post card and I have a hover animation effect for the post interaction buttons. But when I hover over it in preview mode, the tooltips get cutoff by the layer below it despite it being on top with no *Clip content* selected.Anyone know why this is and how I get work my way around this? 

Hi, I am wondering if I could make multiple numbered lists in a text box and each of them starts from “1”!Thank you so much!!

HiToday I opened my PC and I realized that the cursor chat (/) in Figma is disabled or doesn’t work for me.My group in Figma is able to talk with me through the cursor chatting, but I can only communicate thought text boxes and it’s very annoying. Please someone help me to fix this and be able to communicate again.

Hi everyone,I'm trying to create an interactive dropdown component in Figma that uses variables and conditions to manage its behavior. Here's what I've done: I've built a dropdown component in my design system. All the variants are defined and values are passed through variables. The interactive prototype is built inside the component itself. I published the component and used it in the main project. I expected that by setting new variable values in the project, the prototype interactions would adapt accordingly. But in practice, it seems the component still follows the original interactions defined in the design system file — and my new values don’t reflect in the interactions.What I want is a flexible dropdown like the one in the attached image, where I can: Use it anywhere in the project Just change the variables to update the state For example: if more than two items are selected, show the number instead of tags I think I need to use conditions to handle the logic, but it

HI AllI am working on the Disaster report and alert system as my capstone project. I have created the drop down menu, including Brisbane, Gold Coast and Townville cities. I am struggling with the drop down menu appearing underneath the Google map image. Could you please let me know to display it on top of the map? Thanks allHave a good day

I’ve watched a ton of tutorials and looks up different articles, videos, etc. I can’t figure out how to get my animation to smart animate, not just dissolve. The file names are the exact same in the different layers. If anyone has any solution or advice, I would be very appreciative. Right now the trigger is on click as I try to figure out a solution. Figma – 7 Apr 23

how do i figure out what varirants are conflicting and how to fix it? It has to be one of the x vectors but how do I figure out what’s wrong with them? 

First picture is mine and the second one is from a youtube tutorial. But what’s in the 2nd picture won’t show up on my screen in the first picturem why? 

Has anyone had the problem lately of making design changes, but they aren’t updating in the prototype view? This doesn’t happen all the time, but when it does I need to refresh the prototype tab for the changes to appear. For example I just added a banner to one of my frames and the banner didn’t show up in my prototype until I refreshed the tab. I’ve also noticed it with smaller changes such as adding borders to elements, and the borders don’t appear. If this is a bug it could be affecting viewers of my prototypes too, who won’t always be seeing the latest version and won’t know it. Or there will be missing elements and the prototype will look broken to them. I use the desktop app so haven’t confirmed if this is a problem in the browser as well.

I’ve done all the tutorials in youtube or in Figma community, by deleting Figma folder in localapp or app data, but still can’t login

I’m new to figma and was looking to see if there was a video of how to use the kitchen UI Design tool. There are instructions but they aren’t very clear.

Hi everyone,I’m working on a backend pipeline that generates SVG files and I’d like to automate sending them into Figma—or at least programmatically editing existing SVG layers—without manual uploads. I’ve looked through the Figma REST API and Plugin API docs but haven’t found any endpoints for SVG import or direct layer manipulation. Is there a supported way to upload/import an SVG file into a Figma document via API? Can I modify existing SVG nodes or layers in a Figma file programmatically? I’ve considered the Plugin API, but it’s not suitable because it always requires opening the Figma interface and manually running the plugin. Does the Figma Enterprise plan offer any additional API capabilities or endpoints for SVG import/editing that aren’t available on lower tiers? Are there any SDKs, undocumented endpoints, or plugin-based workarounds you’d recommend? Any pointers to documentation, examples, or community plugins would be hugely appreciated. Thanks in advance!

why add colorStopsVar in fills represent variable reference， instead of boundVariables such as plugin api？

I'm working in someone else's file. They have a frame with an image fill set to "fit". The image is flush left to the frame. When I replace the image with a similar 1:1 photo it becomes centered in the frame. How do I reposition it?Video recording. 

Hi Figma team and community 👋We’ve read about a Branches API in beta that would allow us to: ✅ Create branches via API ✅ Programmatically update nodes (text, images, variables, etc.) Does this API actually exist? If so, how can we get access to it? 

I have an alert component that has a different look depending on its width - at narrow it lays out vertically, and when wider it has a more horizontal layout. There are min- and max-widths setup so that the narrow version can’t go wider than 719, and the horizontal can’t go narrower than 720.What I want now is to build a frame to contain this alert component (which is set to fill container), that when stretched will automatically set the correct alert variant inside it. The vertical variant has a max-width of 719px, and the horizontal variant has a min-width of 720 - I want a frame that when stretched wider than 719 automatically switches to the other variant. I’m pretty sure I can do this with variables and modes but I’m not familiar enough with them to figure it out on my own - I would love it if someone has an example file, or anything similar, to point me to.

Hello, relatively new to Figma. Need some help with spacing. Not sure why my spacing is different between the first line (two grid squares for ref) and the second (one grid square for ref). I’m just looking for my text box to follow my line height when resizing the boundaries of it. Any help would be great, I’m sure it’s something simple I’m missing. Thank you

I have 4 full seats that we’ve been paying for.  3 need only dev mode access.  When trying to downgrade the users, it says I will be billed additionally for the 3 users I need to downgrade.  I don’t want additional 3 additional dev seats, I want 1 full and 3 dev.  How do I do this?  I keep getting prompted that each change will be an addition, not a change???

I am having issues with master component updates relaying to instances throughout my file. I have a master button component and when trying to update the height of the master, nothing is changing with my instances. I have tried to Repair Component Connections and Regenerate All Instances with no luck. I’m still pretty amateur in my Figma experience, so I could be missing something obvious. Any suggestions that save me creating a new master or just updating each individual button are appreciated. 

I have a problem with the project from work — when I open the prototype on my phone or tablet, only a single page appears and I can’t swipe through anymore. I’ve tried restarting, but it didn’t help

I’m in the Figma for Edu the latest updates from Figma i showed once on my desktop application and suddenly disappeared it’s normal

Hello, I have a large group of different shaped icons that I’d like to size using variables for Desktop, Tablet and Mobile.Is there a way to apply a 100% height value or set a fixed aspect ratio so I can control them via a single width variable? It would save me a lot of time.Thanks,Will