Ask the Community

Today, Figma switched me to the new UI3. At first I kind of liked it, but a few seconds later I realized I can no longer hide just the left panel (Shift+\ in the old UI) while keeping the right panel visible — now it’s “all or nothing” style. Disabled the new UI immediately and won’t switch back until this particular feature is restored. Anyone else feel the same?

I’m working on a proof-of-concept to generate code using our internal design system components for Figma designs. I’ve successfully linked our design system to a feature design file in Figma. Now, I want to confirm whether the Figma API will return data about these linked design system components. Specifically, I’m interested in whether the API response will reflect the relationship between the feature design elements and the underlying design system components, similar to how the relationship is displayed in the Figma inspect panel. Essentially, I need to know if the API provides enough information to identify which design system components are used within the feature design.

I applied for student status, but the process failed a few times. It looks like it had passed at the end, but I haven’t got any confirmation. My account now shows: “You’re verified…” Does that mean that the verification has passed? Can I create a team and start using it?

I can’t find Figma AI option to my system. Can you please help me with that?

I have all similar issues here, very frustrating. It appears that Figma just isn’t designed to be usable within Firefox? Even using the native Windows Figma app will then prompt me to sign in on Firefox, and that sign in page is unusable.

I have been having this issue for the past few days. The screen blinks and then its almost like everyhting is reloading slowly back up.

I tried to import some screenshots but end up like this…

I am trying to create a slider that moves freely. i have created a slider with 5 stops (speeds). I have to drag to each stop in order, but i would like to be able to click and select the speed. For example, i would like to click on speed 2 then be able to jump to speed 5 by either dragging to or clicking on the 5. Any ideas?

What if all the built-in AI features will be unavailable in the Figma-free plan after this year? Do you know if the users of the student plan can still be accessed next year?

Hi guys! I am working on a plugin right now that checks our icons for the fills. Using the Node Inspector plugin, I can easily see that when using styles, there’s a fillStyleId property. But couldn’t find the same for variables. Can someone help me with on how can I find them if they exist?

Hello. I recently received an email in which they warned me that my Education License would expire. I want to renew it so I can access my projects, but my university doesn’t appear on the menu dropdown. I also can’t change my email to my university one because it automatically redirects to the actual renewing page. What can I do?

Steps: Insert any image to Figma Do Outline stroke on image Select image Try to access it’s vectorNetwork, e.g. via figma.currentPage.selection[0].vectorNetwork Get error 9374-54463aa82ff32894.min.js.br:903 Uncaught Error: in get_vectorNetwork: Invalid SHA1 hash at VectorNode.get_vectorNetwork [as vectorNetwork] (9374-54463aa82ff3289…min.js.br:903:58240) at <anonymous>:1:32

Hello! I created this component with a list item text box and a button inside a tooltip I want to be able to add more list items in an instance of the component depending on the content of the tooltip, but it’s saying that pasting is not allowed in the instance due to the tooltip being a component, so in an instance I can’t copy the list item to add a new line to the list auto-layout Is there a way to fix this? The text box, button, and the tooltip with both are all separate components

UI3 added some improvements to editing interactions, like a resizable window, but also made other things much harder. For example, if I have a statement like… If myVar > 0 and myOtherVar == true …and I need to replace myVar with myNewVar I used to be able to simply place the insertion point after myVar or use the arrow keys to move it there, delete myVar and type or pick it’s replacement. Now Figma refuses to let me do this. Instead highlighting myVar and offering up a menu of modes. If I delete myVar it then refuses to put the insertion point before the == I now have to delete the whole statement and retype it. Am I missing something here?

Hi all, I’m looking for suggestions when building new components with icons or nested components that you can turn off and on via boolean properties. How do you make sure your component is always the same height? Here’s an example: I have a text box component. I want to create the hover state show a couple of icons with available actions as well as a background. In the default state, there are no icons, just text. The text height is 18px, the icon box heights are 24px. There should be 4px of padding on top and bottom. The height of the hover state is 32, but since the icons are turned OFF in the default state, the height of the default state is 26px. I’ve found success using the minimum height that matches the size of the icon boxes. Then I can keep it hug on top and bottom so it can expand with more content. I also make sure the text is center aligned or whatever I need to match. This becomes more complicated if I have other nested components with it, for instance, if there were more

I have a component with while hovering, and click interactions on it. The component is a simple square that is a different color for default (rest), hover and active (clicked) states. If I mask an instance of this component with a vector mask the hover and click triggers do not honor the mask i.e they trigger in the rectangular “hit box” rather than only within the vector mask. Is this just how it is or am I missing something?

This may be a dumb question as I am relatively new to Figma. I tried to hunt down an answer on my own but I don’t know if I’m searching incorrectly or using the wrong verbiage…? Basically, my frames appear as I’d like in Preview mode but once I switch to Present mode the frames no longer scale. Preview mode: Present mode: I’d like Present to scale according to width (fit width). Any help would be greatly appreciated

In my prototype I have a home screen with two buttons, each with tap interaction navigating to a new screen. The first time I run the prototype both interactions work fine. But if I go back to the home screen, now only one of the interactions work. It doesn’t matter if I use button #1 or button #2, every time I go back to the home screen button #2 will no longer have an interaction. Button #1 works every time. I’ve even created a new button (just using a rectangular shape + tap interaction) and the same thing happens with that as with button #2. It works the first time I run the prototype, but if I go back, neither button #2 nor #3 will work while button #1 works just fine. Is this a bug? Have I done something weird? Am I going mad?

I had designed a screen with an Interface Scale of 66%, which messed up the Figma size vs the real size. For instance, Figma was saying the screen width was 1920px but it was actually 1920 * 3/2 = 2880px wide. The biggest issue was with the font size. Figma says it is 64px, but for a 1920px screen it should be way smaller. I fixed this issue for future screens by changing the Interface Scale to 100%. However it did not fix the existing design, which still says the screen has 1920px even though in presentation mode it is 2880px. How can I fix the existing design that had the wrong Interface Scale? I tried to scale the entire screen by 0.6666x, which visually worked, but then we have the wrong screen width again. Figma says it is 1280px, but it fits perfectly in my 1920px screen. I’ve double check that the Interface Scale is at 100% and the zoom level was 100% before clicking to present.

I am making a dropdown menu with an animation that triggers on mouse enter. I have been able to design my animation that works well and also the drop-down menu. My only problem is attaching the animated drop-down menu to the nav bar. I want the drop-down to animate in on mouse enter and animate out on mouse leave.

So I have a table of the size of the most of the viewport as the center stage. When clicking on the row of the table, it opens up a drawer from the right side as an overlay (with the help of Overlay prototyping). While this is being done, the row which opened the drawer is higlighted. Now I want to use the funtion “Close when clicking outside” and it should go back to the normal table view. However, the problem is, it goes back but to the highlighted row table. So the flow is like this, normal table view, mouse on the row (highlighted), clicked on the row to open the drawer related to it (row is here highlighted), when clicked outside of the drawer goes back to just row highlighted which is part of 3, instead it should go to 1 how to do that? Please help me.

피그마에서 pdf 추출 시 기존 디자인 화면보다 폰트나 이미지 등이 더 굵게 출력이 되는데 원인이 뭘까요?

Hello everyone, I am a beginner in Figma and I would like to know if it is possible to copy / paste a component from one file to another while keeping / copying the styles associated with this component (text, colors, effects)? When I cut and paste a component from one file to another, it works, but the styles are not transferred locally. My idea is to copy/paste a complete, local UI Kit into a Figma file. With cut/paste, I’m forced to cut/paste the styles and link everything in my new file. It’s time-consuming! If I publish the Kit UI library, as soon as I modify a component it’s reflected everywhere. As my projects are all different, this poses a problem. Thanks in advance for your help Have a nice day! Tom

Hi all, I would like to give a wallpaper effect for the background of page like in attached picture, how can I do this on Figma? Thank you in advance

As a beginner, I am slightly confused, when starting to design is there a general frame size for mobile apps that will look well on android and also iPhone?