Ask the Community

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

I created a hover button, my goal was when I click on the button, it should divide in three parts like retro style, I kinda achieved it, but the problem I faced was, when I previewed it, the button was kind of bouncing or dancing, I rechecked everything and everything was fine, can anyone tell me the solution.

As an Owner of my Figma account, how can I enable exporting in my Figma files?. Now Export is disabled. Where is this option?

Is there a way to automatically scale an image to fit a frame proportionally? A quick key?

 Hi! I just started using Figma and today I lost my cat jumping after the cursor. He was here just five days ago and now he's gone. Maybe I accidentally pressed some hotkeys and that's why he disappeared... Please help me find him😭😭😭  

https://www.raycast.com/core-features/aiI am trying to recreate a specific UI effect I saw in a design (see attached image). I'm particularly interested in achieving the following: Subtle Edge Fade: The icons near the left and right edges of the dock/bar fade out smoothly. How can this be achieved using gradient masks or other techniques in Figma? Icon Style: The icons have a distinct appearance: a combination of neumorphism, transparency, subtle shading, and a glow effect. What are the best approaches to replicate this style in Figma? I'm looking for step-by-step guidance, best practices, and any helpful plugins or resources that could assist in recreating these effects accurately. Any help or suggestions would be greatly appreciated!

Hello thereSo I am trying to build a test app just to hone my skillsAnd one of the parts I want to implement is something where when I click one of the tick boxes Cafes with that drink will pop upand when I click MULTIPLE boxes, Cafes with ever one of those drinks will pop upFor exampleCappuccino Tickbox Espresso Tickbox Matcha Tickbox When the Cappuccino box is ticked- cafes that serve Cappuccino’s will pop up When the espresso tickbox is ticked, cafes that serve Espresso will pop up Same with Matcha   NOW when I click MULTIPLE tickboxes (Matcha and Espresso) only cafes that serve BOTH Matcha and Espresso will pop up How will this be done please because I assume you use variables I just have no idea how I would apply them and how i would use multiple variants of the cafesP.S If someone could make a demo of this it would be extremely helpful THANK YOU https://www.figma.com/design/HsvtuUl8cAwQn0208bjn2t/CAFE-APP--Copy-?node-id=0-1&t=eiJpi1vP8c5NDHV7-1Link to the figma file

My figma file would automatically delete some content from my design draft, resulting in a large area of content being lost. Even after I retrieved it from the historical files, the content would still continue to be lost. I felt very panicked

In order to create a chatbot based on a flow chart I created with Figma, I have to give each item a unique code.Is there any automatic way of doing it?Doung it manually is a hassle… Thanks

Hello, i’m going back to figma after a while without practicing so i’m doing some project for fun. I only learned it during 1 year of school so i don’t have all the tips. I’m actually trying to do a little database of a video game i like and it’s been some days i’m stuck with this problem (see the image below). I have cards with the full art of my characters and i created components to have a portrait of them on hovering. But when i hover, the card is coming on the front over the filters. And i really don’t know what i’ve done wrong here.The cards components are set in “open overlay”, in “manual” position. And they are not inside anything, they are free (second image).If someone have any clues or ideas of what my problem is, i’ll be glad to listen ! And i can give other informations if you need Example of my prototypeLeft are the components (portrait) and right is my main page.My layers are like this. I got my main frame with the cards and a section with all the different hover version

I previously asked if anyone at Figma is in fact using components with more than 10 variants and care about sorting them? I asked why they did away with the pill-shaped list that was better? Looks like they keep pushing this absolute garbage vertical list that most of the time cannot be reordered and the same time waste a lot of space on the right hand side of the variant names.I reported this several times, sorting of variants is either not working or is at best clunky when it does.Today, yet again, I am not able to sort / reorder my variants. This keeps coming back again and again, it’s ridiculous already.Now I genuinely ask myself if this is actually a Figma feature or I am very, very stupid? Since I hover over a variant, click to grab it, drag it around, and not only it will not scroll down in that garbage list but will also release that variant IN A RANDOM PLACE. Like what --?So I would like to know if this works for You and IF it does -how you are doing it / where I am wrong?? Ar

A (another…) small rant about UI3. The new UI3 bring a lot of good features and abilities. but some design decisions i just cannot understand. One of them for this example is the massive reduction in the clickable area of menu components. As you can see this screenshot, the previous clickable area for menu items stood on 32px heigh and (at minimum) 240px width. This translated to 7680px of clickable area. In contrast to that, the new UI3 is able to give us only 24px height with only 224px width (on the 240px minimal setting) which are only 5376px of clickable area. This is a reduction of 30% in clickable area! multiply that by as many items you have in the menu. for this example i took the pages menu panel. Not to mention the gap between each item of 5px. this makes the clicking menu items very hard. What was the reason for this design? now we get a more cluttered design (more elements fit in the page) but with less space to select them… You can argue that i can control the UI scale fr

Hi all, I am working on a design for our sister company which is a white label of our main site. So I have duplicated thats site over to a new file and now need to replace to match the styling of the sister site. When I change the font it normally updates immediately. But its currently not changing and the small preview icon “Ag” for the font changes to a “T” Do anyone know if there is an issue currently?  ThanksSimon

Hi everyone, I just used Figma.I have a question about text, it doesn't show up on my screen while I’m typing. I've confirmed that the opacity was 100% but it still doesn't show up. I've also reopened the page but still doesn't work.Can someone tell me why??