Ask the Community

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.

Context: I’m using Slide Deck mode:Prior to the new update with 30 new features, I had been using Smart Animate to animate objects across multiple slides, with good results. Now the workflow gets more granular, and actually allows us to animate the objects within a single slideMY PROBLEM: Now there is a limit of 1 single animation per object (e.g. FADE IN). I cannot apply a 2nd animation to the same object (e.g. FADE OUT), so I cannot have that object leave the slide. This means that an object that is brought into a slide via an animation cannot be animated out of the slide. It must remain, apparently. Am I missing something really simple? Or is this a weird limitation on the animation workflow? All I want is for an object to appear and then disappear on the slide seamlessly.

I created a plugin that allows me to create pages, rename them, and pull in components for things like the cover. A few days ago it suddenly stopped working and now I get an error “Error: in remove: Removing this node is not allowed”. Its pretty much stopping right at the originalPage.remove() section but not sure why it would cause an error now. const page = figma.createPage(); page.name = "Cover"; page.backgrounds = [{ type: 'SOLID', color : {r: 0, g: 0, b: 0}}]; const originalPage = figma.currentPage; figma.currentPage= page; originalPage.remove(); async function importNode() { let importComponent = await figma.importComponentByKeyAsync("b917533f747dd140e0922675938169c95e3f4456"); let importComponent2 = await figma.importComponentByKeyAsync("e44e6e490be70ccc67b34702d4af234c765a020e"); importComponent.createInstance(); figma.currentPage = page2; importComponentOntoPage(page2, importComponent2); figma.currentPage = page3; importComponentOntoPage(page3, im

Hi, I’m fairly new to figma but have some website designs under my belt. I want to create a carousel with navigation dots underneath as is more or less standard. But I want the navigation to be animated. Up until now I’ve always made the dots with auto layout and just moved the dot that indicates the position left or right in every instance.But now I want to basically to create a dot that will stretch into the next position to indicate the second image in the carousel. To achieve that I would probably need an in between state of the dot?Is there a way to nest such things in figma? Could I create an animation and then tell figma to play the animation when the dot moves or something similar? Or do I have to create inbetween states for every individual movement? The dots and in between state of the highlighted dot. 

Hi all, So I’m hoping to be able to create a component animation which will “highlight” a particular line in this transit-map style layout - so I created a variant in which the other lines all become grey. The effect works - but the hover is activating when I hover over the whole bounding box area of the red line, rather than when I just hover over the line. This is obviously happening because the connection is made to the overall bounding area box of where the red line is. Is it possible to make the hover only work over the thinner line/object? I guess that it might not be possible given how objects/lines/strokes are represented in Figma. But maybe there’s a workaround, if someone much smarter than me could enlighten me?? Thank you all in advance.

Hello,  I try to export parts of my design screens (frames) to PNGs and JPGs and I get weird pictures. I have cleaned up my designs and carefully gotten into the frame to see what could make the export look as if the frame is just a transparent item and I still get a wrong export of a picture.Do you know how I could solve the issue? Thanks a lot in advance! Warm regards, Eleni 

Let’s start with some background. Our team of designers began using Figma for design and delivery last year, for which we have purchased over 200 enterprise seats. Initially, the delivery process was quite pleasant, up until Figma started charging for Dev Mode. Before the existence of Dev Mode, engineers using the Inspect Panel’s viewing functionality was sufficient for us. We did not anticipate Figma making “minor adjustments” to the Inspect Panel for view-only users to make Dev Mode more appealing. Engineers have been complaining that they can no longer efficiently view design drafts or copy CSS code as before (not referring to Dev Mode beta, but the original Inspect Panel before Dev Mode). Some engineering teams have even asked if the designers could switch back to Sketch, as the delivery efficiency in view-only mode has severely deteriorated. However, with many designers in our team and significant effort invested in building component libraries on Figma, and all business design dr

Hey everyone, Does anyone know when the AI tool will be rolled out to all users? I’m on the paid Team Plan and using UI3. I can already see the AI beta settings in the admin section, with everything enabled, but there’s still no AI button in the toolbar. Does this mean it’s not fully unlocked for my team yet? We’re really eager to try it out! 🙂 Any idea when it will be officially released to everyone? Thanks in advance!

Hi to all, is it possible to export assets from figma like images, svg?. I need a zip archieve of this files. thanks!

When i place the overlay manually inside the frame, the prototype does not show me the overlay, but when i choose the other options they work fine, this is getting annoying as we need to position the overlay in the place that we want.