Get Solutions

Hello, everybody! When I open any project I get a black screen on canvas. The UI are normal, but the project doesn't appear on the screen. I'm having this issue only in the Figma app for mac. Anyone experiencing the same issue?

Hello everyone!I've been using Figma for a short time, but I'm having trouble installing plugins. Every time I try, I get this error: 'An error occurred while loading the plugin environment.'I've already tried the following troubleshooting steps:Testing both on the app and in the browser (same issue in both) Clearing the cache Uninstalling and reinstalling the app Checking for updatesNone of these steps have solved the issue, and it happens with all the plugins I try to install (Lorem Ipsum, Unsplash, Google Icons, etc.).Any idea what could be causing this and how I can fix it?Thanks!

Hello,I have a frame with a 12 column stretched grid layout. In this frame I have an autolayout (left/right). The left container is also an autolayout with text in it.the text width is relative to the grid. When I resize the whole frame the grid resizes and i want the text width to also resize as the grid.See this video for reference: https://fspee.com/elementor.mp4I have the same problem when the left/right are not 50/50 but have 5/12 col + 7/12 for example.I guess it’s the same issue.See this video for reference: https://fspee.com/elementor-2.mp4Is this even possible?Thank you.

I don’t know what’s happened to my controls all of a sudden, but whenever I type a number into the width box in the right panel, the height of the frame changes, and vice versa. When I type a number into the vertical padding box, the horizontal padding of the frame changes and vice versa. It’s an issue both in the browser version and desktop app. I think I might have accidentally pressed some weird keyboard shortcut but I’m not sure and I don’t know how to fix it

I have designed two screens using Auto Layout, but when running the prototype and switching between different prototype flow options, one of the options does not display correctly in the Responsive Scaling mode. The initial option loads as expected, but after switching, the second option fails to render properly. To display it correctly, I have to manually reload the tab.

Hi,I'm a Figma beginner and I'm following a lot of training/videos to understand how it works.I'm trying in vain to use the hover function: when I move the mouse over a button, I want it to change color.Basically, the basics!However, when I use on hovering function in the prototype, it doesn't work… I try also the mouse enter and mouse leave, but same results...Could someone explain how to do this? On the videos I've seen, the menus are different, so I can't find the right tabs to do the same thing.Thank you for your help.

Hello community. I have reusable design system which contains next files: Design token (where located all variables) and Components (where I have all needed components controled by variables from previous file). When I start new project, I duplicate that two files and swap libraries to connect them to each other. The problem is that color variables applied to components are still related to old token library. Currently I need manually replace color variables by the same variables from new (just duplicated file). Maybe there are any plugins or tools that can automate this replace/swap color variables process.Thanks :)

Currently it appears I need to click onto each color and change it manually which is a pain. I would love if I could just adjust all colors in the gradient with a hue slider.

With the latest admin panel update this week, it seems we lost the ability to view hidden teams. Anyone else experiencing this issue? Or am I simply not looking in the right spot now that things moved around?

I used hover to create button hover states, but since today it no longer resets to its original state when I stop hovering. I can mimic the intended use by using mouse enter and mouse leaves, but until today hover worked. It also doesn’t reset when you open an overlay, it’ll remain in its “hover” state forever, even when using mouse enter/mouse leaves.

Hi, first time trying to use Figma Slide, and it was looking really promising until I noticed the screen being shared without the notes, the mouse movements were laggy and jarring.I have a UI element where I need to scroll, and it all starts to flicker on the shared screen.On the screen im commanding the presentation with the notes, all looks good.Overall, it kind of ruins the whole experience seeing the mouse so herratic all over the place.Any fix for this? Thanks

Im struggling to find any decent specifics about what spec is best to use. Would either of these laptops suffice or be overkill? Im not doing any 3D modelling etc but just lots of wireframes, hi-fid mockups and screen recordingsMacBook Pro (M4 Pro, 2024) 16 inch with 14-core CPU and 20-core GPU, 24GB Unified Memory, 512GB SSDOrApple MacBook Pro 14”, M4 Max Processor, 36GB RAM, 1TB SSD

My design is getting really big and slow, so I am looking for the most efficiënt way to create hover states on components.  I have a bunch of pretty big/complex components that represent a conveyor track in my design. They include shapes, shadows, text (sizes), icons, etc. When the user hovers over them they get a different color to indicate that they are selectable, similar to a button.I now have a normal state, and a hover state that is exactly the same, only with a semi-transparent hover shape in a different color on top of it. I do not really like this approach, as I have to maintain both states if an icon or something changes, and it feels dump to just have the whole thing duplicated. I am also thinking my components have double the amount of shapes they really need, causing additional slow-down.  I was thinking of extracting everything in a track part component into a ‘base shape’ component and include that in both states, but I am not sure t

I can’t seem to disable spell check no matter what I do, enabling it does not remove these red underlines either.My version of Figma is 125.2.3 on Windows, and there are no updates. I have also disabled all native spelling correction in Windows.  

Hello Figma Team,I waited for a long time for my account to be active with Figma AI. Please open access for my account soon. Thank you for your work. Best regards, 

Problem: Ancestor groups of a specific instance node trigger document change events just by traversing nodes via figma plugin API. Recording:figma-plugin-bug.mp4 - Google Drive Bug document:  You can reproduce this by copying the entire page from the Figma document attached above and pasting it into a blank document.The plugin used the document-change example. GitHub - figma/plugin-samples: 🔌 Sample Figma plugins.

Currently the deleted node only returns id and type, there’re no other properties about it. I understand that since it’s been deleted so figma may decided not to keep those useless data. But is there a way I can achieve those properties like it’s a normal/undeleted node?

As per my understanding, the Figma client supports a comprehensive image resampling method. You can find detailed information here: link. However, when it comes to the Plugin API, it appears that an equivalent resampling option is currently unavailable. You can refer to the API documentation here: Plugin API ExportSettings.​I’d like to know if this absence is considered a bug. Also, could you share if there are any plans to implement this feature in the near future?

I received a notification email stating that my Figma Education Plan is about to expire. Currently, I am attending a bootcamp , so I would like to extend my education plan. However, I am unable to renew it due to the following error message: "You’ve already used up your free access to the Figma Education plan."I've already sent email to both support@figma.com and education@figma.com but haven’t received any responses. What should I do now as my education play will expire in 2 days? 

I have tried many community interactive text field components but when I share prototype links with user test participants, the experience is extremely poor and they most often break or don't work correctly. Is there an official or recommended interactive text field plug-in / component that can be used successfully in prototypes?

I upgraded to pro over the weekend so that I could add the Shadcn UI Kit for Figma. It’s a library of components. I’ve followed these instructions but I can’t get it to publish to my account. https://www.shadcndesign.com/docs/getting-started Every time I try to publish it a figma dialog asks me to upgrade to pro. But I’ve already upgraded my account to pro. I only have one account and it’s a pro account.  How can I add this UI library to my account? 

HII am struggling to learn autolayout and heard from a Figma pro that it isn’t necessary for the end result. Is this correct? If not, how much worse will the end result be without autolayout? 

I’m creating a Figma plugin that automatically generates SVG icon components by reading their content from a JSON file.When I create a component with variants using the Figma app UI, the component name is shown by default. I’m attaching an image for clarity — in it, “album 1” is the component name, which appears automatically. Also, the purple border is added by default. I’m trying to replicate the same behaviour when creating components using the API.I was able to reproduce the purple border, but I haven’t found a way to make the component name visible, like it is when created manually through the UI. Here’s an extract of the code I’m using:const mainFrame = figma.createFrame();// .... //// code to customize the mainFrame //// Group icons by

Hey, back in the days of (Ctrl+K) hyperlinking in both normal text and comments’ text, now after the “new” (Ctrl+Shift+U), it doesn’t work anymore. And yes I know you can do it that way here but it’s not convenient.