Ask the Community

Dear Community, I have a problem with a variant property in Figma. I made a card as a component with different sizes and states. States and sizes are variants with different values: e.g. variant “size” with value “320w” or “480w” and each variant has a different state “default”, “selected” with blue color. I placed the different cards on a screen (as instant of the component “card” with the properties “320w” and state “default” and tested it, there are cards with different values of ther property on a screen. I selected the right card with the right variant (size, vstate) in design mode, but in protoype mode there are suddenly differnt cards from other variants on the screen. I don´t know where the problem is?

I’m looking for a way to add meta data to component instances. So like instance specific documentation, which is available in the inspect panel to viewers. Is there any way to do such a thing in Figma? Thanks in advance! 🙂

I’ve read various threads with people asking why they can’t see the AI yet and understand that it’s “rolling out”. I’d really like to get my hands on it!

Hello, the “apply blend mode” button doesn’t work for me – nothing happens when I press it. But I can change the blend mode in files where the blend mode is already applied. I tried different files, rebooted my laptop, but this has been going on for four days already. How can I fix this?

After latest update I’m experiencing intermittent bugs: Often shapes cannot be edited. Pressing enter does nothing, button to edit object is not available. This happens when editing master components in file that I own, so it should be editable and was editable before update. When shape is not bugged and can be edited, pressing enter sometimes does not show points. Sometimes it works as expected - usually on first attempt to edit it is bugged, on second it works. Anyone experiencing same bugs?

Setting the scene: I’ve got an ‘after delay’ animated component that is fixed position over a sidebar (also fixed position). This page is scrollable, so the main content is longer than the frame size (This is important) The problem: These components have some animation on them. When the animation starts, it ignores the layer order and does the animation underneath the sidebar. Once the animation has stopped, they then get set to be above the sidebar. This means you don’t see the animation and the component is invisible until it ‘stops’ the animations. fixes (Hacks): create an entire ‘sidebar’ component and have the animated components inside that group or frame all of the components. my understanding of why its doing this: With my limited understanding of how Figma is built, it seems like the z-index is being applied at the fixed layers route level items but not to the animations, causing animations to be displayed “bottom first” and then swapped once the animation has ended. Z-index

Мне нужно, чтобы при нажатии на один из дней в неделе в прототипе все три кнопки сразу меняли цвет(одна - актив, две - инактив), не особо понимаю, как это организовать

This is my second time

Even though I’m working on the same project in both the desktop application and browser, certain commands fail to execute in the browser while working perfectly on the desktop app. Since I use the browser more frequently, this issue disrupts my workflow. For instance: When I select a specific area in a paragraph and press cmd+b or cmd+u, it doesn’t work in the browser. However, these commands function flawlessly in the desktop application. Another example is with fixed. When I set a frame to fixed and check it in preview mode in the browser, it doesn’t work. However, switching to the desktop app, removing, and reapplying the fixed setting resolves the issue. I’m using an older interface version on both the browser and the application. If possible, I would appreciate guidance on how to update both the desktop application and the browser version of Figma.

It is very anoying trying to add grids on children frames because all grids even on separated frames appear with no reason. It has been imposible for me implementing grids since the las update. I have tried using groups but still not work.

Is the first draft feature not available on pro plan? its not showing on my action button, anyone who can help me? it would help me so much please help me.

hey folks, I’m sticking some debug messages on my prototype to help me work out where I am in my flow and I’d like to be able to show current frame name. Anyone know a way I can do that?

So a weird bug is happening to me. The scenario:Figma – 26 Sep 22 I have an autolayout object (Red) Set to hug/hug. The inner shape is a fixed size random object. Once i grab this object and place it into another autolayout frame, then it turnos into fill/hug I often meet this bug, and it does not happen to every autolayout frame, so im in the quest to find what causes it. When i encounter this, my usual workaround is to wrap the red object with a regular frame, then move it into the autolayout container, and then dismiss the regular frame. That way it keeps being hug/hug. You will find a replica object in green, which i created the same way as the other, but that one behaves as expected and does not change to fill on any axis. Did you ever encounter this? Do you have a solution? Can you help me find out? Thanks in advance!

Hi all, I am new to Figma and I am not a developer… I have just changed my role in the company I work for and trying to move toward the design-side. I have just created in Figma - let’s say like an exercise - some frames for a web application choosing the 1440px preset wireframe but I’m not sure which size the texts should have in the wireframe to obtain a “realistic” preview … if I run the prototype or just play the presentation of the frames the texts seem too big to me but I don’t know if it is just a matter of resizing them in the frames or maybe a lack of responsiveness or … what? I wait for your advice. Which text size do you usually choose for a 1440 wireframe? Thanks

The screenshot2design plugin is not working, every time I try to run it it says server error. I’m new here, someone please let me know how to fix this.

It would be great if the rich formatting information created via the components note UI could be exposed by the REST API. Given that changing the existing description field would break existing integrations I would propose addition of a new field (eg rich_description) that serves the full html formatted content. This would add a ton of value to the feature and to the API itself 🙏

My Component bar area is missing? Can anyone help me? see uploaded photo

Math option not working. Please view short video here - Figma math option not working | Loom

Been using Figma professional tier for 5 years. I know that “organizations” can have default libraries. I work between 3 teams using 10 libraries. When I create a new file, I always have to enable and disable libraries. The libraries that are active seem random, what is Figma doing to determine which of these libraries are enabled or not when creating a new file? Is there any way to manage this default setting in professional?

Am I not looking in the right place, or is the ‘exposed dropdown menu’ (or any kind of dropdown) missing from the Figma Material 3 Design Kit? It was learly intended to be in the design kit as there is documentation regarding it on the Material 3 website. It’s not in the menu section, or fields for example. Is this a known issue? c

So I am new to the paid version on Figma. I suddenly see a mail in the evening that Fig-jam has been added to my account for the next month billing! how can I take that off since I don’t intend to use it further? How can I revert back to just the Figma subscription now? I wish to simply pay for a year from the next month. Your experience helps Thanks!

Hi all! Created topic due to repsonses of Mods on similar situations and to know if solution exists)

Is there a technical issue or a change in the Figma platform causing plugins to show unexpected drops in user installs?

Hello community! I have a question regarding colour tokens and components (it has been driving me nuts for days now!) every help is welcome. So, I have an icon/button component that has the following variations: Icon left or right Primary, secondary or tertiary Disable, Enable, Hover, Click I’ve structured them like this: So far, so good. I never had an issue with them until I started applying colour tokens to the icons. What happens is that whenever I swap the “+” for another icon, the color token value assigned on the main component does not apply to the instance. Here is an image for you to see what I mean: The button on the left is an instance with the proper values, but whenever I swap the icon, it changes colour to the value assigned in the icon page. As you can see, this also happens for the “disable” status. Now, my icons seem to be generally OK? I am keeping the “icon/” structure and name every vector as “Vector”. What I thought could be happening was that I added color

Hello. I’m trying to store and log the amount widgets on the page using findWidgetNodesByWidgetId (API docs) but the output is coming up empty. I want to see in the console how many are on the page and store the widget ID’s and position. I can correctly log the individual widget API upon click but seemingly not store them or log. Can anybody see what’s going on? const { widget } = figma; const { Text, useSyncedState, AutoLayout, useWidgetId, useEffect, usePropertyMenu } = widget; function DotWidget() { const [count, setCount] = useSyncedState("count", 0); // Placeholder array and function to handle counts const widgetId = useWidgetId(); // I get a deprecated warning on 'useWidgetID' for some reason. // Logs the Widget ID upon mount useEffect(() => { console.log(`Current Widget ID: ${widgetId}`); }); // 🚨 I have 2 functions to find and count the widgets on the current page: // Function 1️⃣ - Uses 'findWidgetNodesByWidgetId()' which recommended by the Widget