Get Solutions

I am stuck with UI in dark mode and Figma background in light mode making the sections all dark but background ssuper light. It is jarring to say the least.  

Hi,This course that I’m studying doesnt have much explanation to it, how do I make a file that comes up on the layers bar with an icon like this? Thanks!

Hi everyone,I'm running into an issue with hover interactions on vector shapes in Figma. Currently, hover states are triggered based on the shape's bounding box, not the actual vector path itself. This is causing problems for me, I'm trying to make a graph interactive, but because of the bounding boxes overlapping, the hover triggers incorrectly.Is there any way to make the hover interaction respect the actual visible vector shape instead of the bounding box? Or is this a known limitation?Any ideas or workarounds would be greatly appreciated!PS I know there already are some topics on this, but they date from more than 1 year ago, maybe something has changed in the meanwhile.Thanks in advance. 

OverviewI started using Figma Sites after watching several YouTube tutorials. In the tutorials, other users have blocks like Navigation and Features in the “Insert” menu, but I don’t see those options in mine.I understand that Figma Sites is available to users on the Pro plan, and as far as I know, there shouldn’t be any other restrictions. My QuestionI understand that Figma Sites is currently in beta.Does this mean that features are limited per user? Or is there a step I still need to complete?Or could this be a bug? (If so, I’d appreciate it if it could be fixed.)If anyone has any insight, I’d really appreciate your help. Thanks in advance.  

I am trying out the new MCP server, which is awesome news btw. The first thing I tried to use it for was to pull variables from some design files into my codebases and it doesn’t seem to support modes at all. I can seemingly get almost every other thing out of the file but not the variable modes.Am I missing something? Variables seem to me to be the most obvious thing you want to translate directly from Figma to your codebase.

I have mistakenly deleted all the draft and team files form the figma file at the time of ownership transfer. how can I have that please suggest 

I am trying to create a basic calculator using Figma variables. The calculator has 1-9 number keys and a result section linked to number variable #Result Interaction on numbers takes place as follow: Interaction logic: Prototype mode: On clicking 7 multiple type result displayed is as follows: Expected: 0, 7(0x1

 HelloI have a problem.I created some components that I wanted to take to the Figma site, but apparently there is no support for some interactions.I wanted to make a carousel, which is working in the prototype.What solutions should I look for for this?

I have attached all of the image frames to variables for the width and height and made a variable mode for mobile and for tablet. The ultimate idea is to have an endless scrolling photo gallery that I can change from Mobile to Tablet and have it work the same for either size.In the first screenshot you will see a stacked component positioned vertically with five rows of repeating images that I am using to make an infinite scrolling photo gallery. Up to this point all of the images have been behaving properly in terms of responsiveness. In the second screenshot you can see that I have clipped the stacked component so you just see five images. I have moved an instant of each of the variants to the right of the component and changed the mode of each one from Mobile to Tablet. At this point you can see that the first variant with the cherries behaved normally but each consecutive variant only changed by a fraction thus landing between images. This behavior has

✔️ Actions Taken: Created components with variants Added prototype interactions (hover, click, etc.) Checked Figma settings and updates Tried both web and desktop apps ⚠️ Problem:Interactive components do not work in preview, and the enable option is missing from settings.📨 Request:Please confirm if this feature is available for my account, or if it’s restricted by plan type or region.

www.lindaevansdesign.comMy site was publishing / viewing in production with no issues last week.Something has changed in that the image marquees are now clipped to ¾ of the page width. I’ve checked the component frame settings for fill vs fixed, and played around with a few other things on parent/child frames within the component but nothing is changing. I’ve checked the page with inspect but it’s not clear to me what’s happening from the code. Can anyone please shine a light on this?The original template I used was the ‘modern brand design studio’ supplied in figma sites.

I’m trying to add a video as a background in Figma Sites. The video previews in the fill window (see screenshot) however it does not play when I preview the whole site.  

Hi! My company has been having trouble getting ahold of someone at Figma and we are not thrilled with the support bot. We would like to talk with a human about our plan accidentally being bumped up to the wrong plan. We had Pro and want to stay there, but we got invoiced for the organizational plan. -Now, it seems like we are stuck...PLEASE HELP!!!!

It would be perfect if Figma, when used in the browser, had an option to keep a design open in the browser—even when the desktop app is installed. The Figma app is great, and everyone who uses it (myself included) likes it, but sometimes users would prefer to use it 100% via the browser. Unfortunately, Figma doesn’t have a native setting to choose whether files/designs open in the browser or the app—they always redirect to the app.

It's been two weeks since the config event, and I still don't have access to Figma Make — neither on my free account nor on my paid account. Could you let me know how much longer it will take, especially for paid seats?

Hi everyone,I’m currently working on a web app prototype in Figma and I’ve hit a strange issue. I’ve set up a frame that’s 834x1194px and contains content that overflows vertically. Here’s what I’ve done so far: The parent frame has “Clip content” checked ✅ Overflow behavior is set to “Vertical scrolling” ✅ The content inside clearly exceeds the height of the frame ✅ Prototype settings seem correct, and the screen is connected in the flow ✅ Still, when I preview the prototype, I can’t scroll vertically at all — the screen is completely static.I’ve tried rebuilding the frame from scratch, playing with layers, checking constraints, and ensuring nothing is hidden or locked. Still no luck.Here’s a link to a duplicate version of the file, in case anyone wants to take a look:👉

I need to know some good plugins free or paid, that helps in generating clean ui designs using text prompt

You currently have DUPLICATE in one menu which is the left panel under the document name. No where else. I use this action quite a bit and it’s weird that it’s not in multiple places, especially for CONTROL + CLICK on all instances of the file.

When having to force line breaks on centre aligned copy, is it possible to ignore the space character, Currently the centring takes the space into account which make the text appear not centred. There might be a scenario where people want space characters to be taken into account (although I have never come across that in the last 20 years in the industry.)So if you want to keep the current behaviour, maybe we can have a option to turn it off in the paragraph setting?  With forced line breakwithout forced lined break, space character gets ignored 

Has anyone else got this new toolbar? I take it Figma are A/B testing this new design as other people on my team have the old toolbar? I don’t mind the smaller footprint as it frees up a bit more of the focus on the canvas but I think it’s a little bit too small, especially for those who click on the toolbar items (I personally use keyboard shortcuts). 

I am creating a plugin that checks whether all the tokens used in my design file are sourced from the added library or entered manually. I am accessing the node object of each selected frame, and based on the data within it, I want to retrieve the following information: Is there any function or node in the object that indicates token usage for horizontal/vertical padding, horizontal/vertical gaps between objects, and corner radius? (Currently, it only provides numerical values instead of showing the token—I've attached an image for reference.) Can I determine whether a component is sourced from the library? If so, where is the library's name stored in the object? Is there any function or node in the object that indicates the fill and stroke colors applied using tokens from the added library? Does Figma provide documentation on this object, including descriptions of its nodes and functions? Thanks

I have subscribed to 3 Dev Seats only however it has been changed to Full seat on the next billing. Is there a way to downgrade it without having additional charges?

Hello,I've added a new symbol (paper_plane) to my library but when I call it in a nested component, it doesn't automatically take the colors of my states (active / hover...). I read in another question that the layer must have the same name, which is my case. I've been looking for a while but I really can't figure out how to do it.Any ideas? :)Icon library : I added the paper plane, same name “Vector” in the componant  But color don’t override when I change the states 

Hi, can anyone tell me what do I need to access Design/Dev Mode/whatever on a Figma link in order to export images from a Figma prototype?I used to have an option to go to Design Mode or Dev Mode or Ask to Edit, but not anymore, something changed and I have no idea what and how. This is all very confusing and not having an option inside the preview is just bad UX .

I have a display problem on the icons from Font Awesome 6: Instead of displaying the icons, the names of the codes of each one are displayed I can temporarily fix the problem using the quick actions: Select all with the same font Recompute text layout in selection But randomly the problem occurs again. What other things have I tried? Test with a partner to recompute the text to see if it fixed it for both of us at the same time to rule out that it is a local or cache problem. It is not tied to anything specific to windows or macos as it happens on both. We tried uninstalling the font and installing it again. When the characters are changed, it does not happen in the whole file,