Ask the Community

Hello Community. I've been given a task to make some modifications to a dropdown menu, but I'm confused. I'm hoping somoene can please give me some more insight about the following changes I need to make. I tried to understand What the programmer is asking for me to make these changes. I follow his instructions on A) states 1, 3 ,5 to replace states 2, 4, 6.  So on column A is following as he has instructed. Now on B, he says, state 4 should be copied on state 2 and 6 And make 6 more brighter.   Have I understood correctly? Is column B as it should appear according to his instructions? Thank you.

Hello Figma Community. I’m fairly new with Figma, and also with web interaction concepts, because I’m coming from the world of print design. I have a question related how this particular concept works with a 6 state button function. I’m confused why it’s set up the way it is, with the hover states being on 5 & 6, and not on states 3 & 4. One would think, the button by default is OFF, and when the mouse hovers over the button it would HOVER, then when pressed it would make some change of colour (button Background or text colour Change).  I have been assigned a task in my group, and this is the layout of the buttons, Can someone please explain how this works, and what would be a good example, by making a mock up I could possibly follow the layout.     Thank you.  

What is the difference ? Why it exists when there is native fetch?In both fetch, the request is performed in the user machine (the desktop Figma app where a plugin is running ) or it’s proxied to an internal Figma server ?In case it’s proxied , is there a list of known Figma IP address to use as whitelist? Context: plugin development

I am using supabase auth for users in my figma plugin, and it requires me to store supabase_url and anon_key. These are sensitive variables that should not go public. Storing them in ui.html is not recommended as it is easily inspectable. So I researched about different approaches. One way I found is by storing them main thread (code.ts) which can communicate to ui.html via post messages. Although I am not sure that this is the perfect way to conceal your sensitive variables. I need help of developers building on plugin to give some insights. Thanks!

We have the “Select Matching Layers” tool, which will selected matching elements across different Artboard/Frames… but is it possible to do a similar thing for elements on the same page? It seems like it’d be a great feature if you had (for example) a grid of ‘product cards’ for an eCommerce website design. All of them are going to be made up of the same bits. So selecting the image or text of one of the cards, then being able to select all of the matching elements within the parent frame/group to edit would be neat. Then you could edit without needing to go through and click on every single instance - of course I’m talking about stuff that isn’t a component here. Is there a way to do this now and I’m just missing something - or is it a good feature request? Thanks in advance!

I created typographic styles for headings and paragraph text and applied them throughout my design. When I change them, some of the text styles are changing from “Ag” to “T”. The text styles that have “T” in front of them are not propagating into designs. This is unbelievably frustrating, especially because it seems like it’s randomly applied to some styles and not others. How do I fix this?

Hi, I’ve searched everywhere, but cannot seem to find out how to make the Resizing Panel show up on the right hand side. It’s just not an option that I can seem to access. Is there a certain shortcut I need to hit to access this like there is with Auto Layout?

Hello.I have a lot of icons with different names and spaces in them. I need to remove the "Pixel/Solid/" in the name, leaving only the final name of the icon, and also remove the spaces where they are present.I read the information about renaming, and there was an option with variables, but after trying it, nothing worked for me.  

We have december now, and i still cant acces the first draft feature, is this normal? I have the newest beta an ui, but its still not there?

Is there any use fo this tiny circle present in Linear Gradient? 

I keep receiving the following error message when attempting to run plugins: “An error occurred while loading the plugin environment.” I’ve cleared my app cache, restarted, and uninstalled plugins all to no success. When I open the console, it seems to stop at this point:

Hello. I am putting the finishing touches on my prototype but one thing is bugging me. The entire screen, including the status bar is pushed out when a new screen comes in. This obviously doesn’t happen on real phones but I can’t figure out how to do it.I tried choosing “animate matching layers” but when I do that, the screen that is sliding in has objects that don’t slide properly or stay visible when they should have disappeared, like some weird layer-stuff going on. I am sure this is simple to do but I can’t figure it out and it’s driving me crazy! I would greatly appreciate anyone sharing their process for making the screen move in/out from side to side (not scrolling) while the top status bar stays put.

This ever happened to you?:Used the scale tool (K) Stepped away for several minutes/hours Because the scale tool is visually subtle and persists until explicitly closed, after returning, you don’t immediately notice why properties and other controls are missing You’re briefly frustrated :/

Please help I use a custom font in this file in my team and I have to re-install Figma agent everytime I reopen the file. I have the custom font downloaded properly on my laptop, but everyday when I first open my file I have to re-install the Figma Agent software to enable my local fonts in Figma. How can I fix this??

Hi there, I have a simple layout in essence. It’s a ‘table’ that overflows off the horizontal edge of the viewport. The problem occurs when I try to main a section ‘sticky’. This won’t work when a horizontal scroll is introduced. You can see the basically layout and sticky scroll on this prototype. This is how the page should ‘work’. But when you scroll horizontally I want both the sticky element + table content to scroll at the same time. When I add the scroll to the parent that contains both the sticky section and table data, this happens. The scroll ‘works’ but the ‘sticky’ element is lost. Is there a way around this? Here you can see my Figma file (view only). I’m at a lose at how tor resolve this - maybe it’s not possible? As an aside, I want the table headings (in grey) to remain in view always. I couldn’t find a way for them to be ‘absolute’ and not scroll out the viewport. So I had to duplicate the text and put it over the top of the scrollable section so it didn’t move. You ca

Just recieved my yearly invoice and it hs doubled in price.Figma has decided to add another full seat to my account. I am unable to remove this using the account dashboard.I have submitted a support ticket but heard nothing - how on earth do I do this? And where is the support Number to call for help?   

I want the NEXT button to be below the Select Option when it drops down. But i dont want to autolayout all of it together. I still want the NEXT button to at the bottom right corner. Can anyone help with this? Thank you!

Does anyone know how to completely export node from Figma so user can later rebuild these nodes with just the export? I know there is exportAsync({format: ‘JSON_REST_V1’}), but the exported JSON will encounter many problems when trying rebuild node in Figma, like wrong positioning, color setting error etc.

Hi, I am trying to nest 2 accordion components within each other. I have both of them created as separate components with the height set to hug contents. Individually, the container resizes accordingly during prototype testing. When nested however, the outer container does not resize with the contents inside. Any suggestions on how to fix this would be appreciated! Thanks in advance! Video of issue:drive.google.com

I was checking a library component and saw that an specific component was using a mask to exclude a frame from a rectangle. This way of working was pretty interesting because it was not a exclusion from the element one from the second one. I was trying to replicate this but seems like the best secret in the design world. 

Hi. I have a 3-level nested accordion. I have made 3 components each with a collapsed & an expanded variant. Levels 1 and 2 are working fine. For some reason, level 3 (the out-most level) isn’t even showing up as clickable. The prototype on-click is there. I can’t figure out what I’ve done wrong. This is the file if anyone can help. Figma – 18 Jun 24

Hi and help!As a designer, I start to work on an old project. The client give me access to 2 files : one with the wireframes and one with the components (library).Those files were exported to a local copy by the previous designer, then imported in a free plan by the client, so the links between them are broken 😫.I download the files as a local copy and import them in my paid plan, but I don’t know how to relink the instances to the library. What can I do ?

Hello Figma communityI am building two plugins, one private ( call it Admin ) where we can select a design and export it using JSON_REST_V1 format and upload it to our own DB  In another UI component plugin where we should load that imported JSON components from our own server  to allow users to chose from a list of design previews ( PNG images ) and copy a design into their workspace as a FrameNode or a component for that matter so that they can edit it as they wish. My problem is that I could not find a way to import that JSON_REST_V1 object  into the user's workspace. The feature I am looking to build is similar to the in https://www.flowbase.co/  Figma Plugin. Can anyone please nudge me in the right direction

I have a React front end with an express server that I’m using to send requests to the Figma REST API. The initial authentication piece appears to work. I call window.open from React to open my /auth route and complete the authentication in another window. The /callback route displays the access token in that window so the user can copy the value back into the React app where I’ll save it to localStorage so it can be used in other requests (this seemed a bit easier to me than messing around with session storage and cookies as I’m a noobie to this backed stuff). My problem is that when I try to use the access token for GET /user, I’m getting a 403 invalid token error. Here what things look like: Open the auth workflow from my React App: const getToken = () => { const params = `scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no, width=500,height=600,left=100,top=100` window.open('http://localhost:9000/auth', 'Login to Figma', params)

I accidentally deleted a team, and I use the educational plan from my school email address. I'm supposed to restore the team by accessing the recuperation link sent to the email address connected to my account, but my school recently changed the address of all the students and I’m using my old email to Figma, so I don’t have access to it. What should I do? Is there any possibility the support team to send me the recuperation link? I'm really worried my files will be permanently deleted.