Ask the Community

I have created a widget using cursor, how can I import in figma file?

The components in my file aren’t reflecting the most recent master component updates, despite me publishing and accepting the updates. There is other weirdness as well. Steps:I published the original library, and moved all of the components to a new library using CMD X and paste.  I published the new library and started noticing that many of the “swap me” components that had been replaced with content components (which had edits to text, images, etc. in the instances) had reverted to the “swap me” component I panicked and reverted to a previous version before I had moved my components because I needed the designs to reflect the edited state. Since the original design file is an MVP, it can remain as is and I just won’t accept any updates to the new component library in that file.  Moving on to new design file using the new component library… When I pull in components from the new library (which has updates

Is it possible so that when I’m resizing a component with frame constrains the image stops scaling once it reaches it’s frame borders?This is the original component  

Hi there! I’m starting a new project using Figma’s Simple Design System (SDS) and have a question about the color primitives. Under "Foundations," I noticed there are two types of gray primitives: Gray and Slate. These link to semantic tokens but in slightly different ways.I’m also curious about the distinction between Default/Base and Neutral tokens in the Color Variables (e.g., for Background, Text, Icon, etc.). Could someone clarify the differences and share best practices for using these various "grays"? Thanks in advance!

Publishing using our Payments API is temporarily disabled while our team verifies your seller status. Please try publishing again in a few days.

For some reason after the latest update Figma mouse wheel scroll up/down is not working properly. Let me describe the problem I’m having. When I used the mouse scroll wheel (scrolling up and down) before the latest update, it was just scrolling up/down. Now, sometimes instead of scrolling up and down its zooming in and out. I’m using Macbook Pro Max M1 2021. Please, let me guys know if you have similar issue or its just me. Maybe its related to the mouse firmware update or something or its a bug I’m not really sure. Thank you!

Hello all, Struggling a bit to achieve a very common pattern on the web with overlays (popovers). Let’s say there is component X (button for example), that when mouse entered and stayed hover for a certain time (let’s say 250ms), an overlay should open from that component (let’s say a menu). That is achievable in Figma today using mouse enter > open overlay (but delay is unsupported unfortunately). Now on the web, the user expects the overlay to close when they either move the mouse out of the original component and NOT over the overlay, from the overlay to outside of it, or if they click something inside the overlay menu. This seems not possible to do achieve in Figma, or am I missing something ? I can activate “close on click outside” on the overlay, fine, but it’s not the same… I can add a close overlay when mouse leaves but I have to add this on the overlay itself, not the original component, and I don’t find a way to also cl

I’m a new Figma user and I’m building pages based on Figma mock-ups. I have only view access to the Figma design, and I can’t figure out how to export the background image of a frame while preserving the crop exactly as it appears in Figma. When I export the frame itself, all content visible within the frame (text, buttons, etc.) is exported - i.e. it exports the framed region exactly as it appears. I want only the background image, but unlike this thread, I want just the portion of the background image that appears within the frame. Is this possible? It seems like it would be a common need, but I can’t figure it out.

I am using Google’s Material 3 UIKit for a project, but would like to alter styles to the project’s needs. How can i copy the UIKit with all it’s styles to use it as a local library so that i can change the library as needed?(I am on the starter plan)

Hi!I currently use “Professional” plan, and I purchased 2 seats, for me and my developer.My question is - Should we both have “Professional” plan so that my developer will have access to my drafts(with all the Properties visible, etc.)? Or I can just have the “Professional” plan for myself and give my developer editing rights? Or may be my developer should be on the “Professional” plan (and have access to all Properties), while I stay on the basic plan?Just trying to figure out the best option.Thank you!

Text words fine itself with just auto layoutHowever, when I try to create components for header and body copy and put it into an auto layout, the width and heigh of the text does not fit to the frame and text height does not adjust accordingly. IssueIssueText Properties Text Properties 

Hello, I recently went back to studying UX/UI Design after a hiatus and received a message from Figma saying that my student plan will expire in 4 weeks. When I tried to re-apply, I received the message "You’ve already used up your free access to the Figma Education plan." I am still a student and do not work in the field yet, how can I re-apply for the education plan?

I am having difficulty putting text on top of some of my images. I click on the text and choose bring to front. Sometimes this works, sometimes it does not. On certain images no matter how many times I click bring to front the image is always on top. Thanks!

Hello,I was wondering whether prototyping with variables is incompatible with interactive component states? Specifically, I wanted to create a one screen prototype using tab components such that when one tab is selected, all of the other tabs deselect. I was successful in doing so using the steps described below, but had to remove the prototyping connectors from my component. Is this a known issue, by design, or is there a way around it? Thanks in advance for any insight. Added local boolean variables for Tab 1 Active, Tab 2 Active, Tab 3 active and set only Tab 1 to true. Then in design mode, I applied the variable to the component property for active state for each tab. In prototype mode added set variable actions on click to make the tab being clicked set the boolean variable to true, and false of each of the other tabs present in the prototype.

Additive work in Figma: Two Figma files with the same variables. File1 contains elements like buttons, etc., while File2 is empty. Is it possible to copy buttons from File1 into File2 so that the buttons are automatically linked to the variables in File2 (same names and connections, but different color assignments for the primitives)? If the variables in File1 and File2 are identical, can I copy a button with links to variables from File1 into File2, and will the button automatically link to the variables from File2?

How do I access the project when this comes up? Uh oh… we can’t open that file We can’t open this file because WebGL isn’t supported, or is disabled, in your browser. If your browser supports WebGL, check out this help article to find out how to enable it.

Design a spotify cover

Recently the owner of our Figma account left the company, how we can remove him from the member list and assign the owner role to another account?

Hey guys! I have a problem that all my words start with capital letters right in the middle of the sentence. I must have some configuration adjusted for this, but I don’t know how it happened. Can I help a resolver? Thank you very much!

"I want the selected shape node to become a child of a specific frame while keeping its position and rotation unchanged. When I manually drag and drop the shape into the frame using the Figma Layers panel, this works perfectly (left frame in the image). However, when I try to do the same using the Figma Plugin API, the shape’s position and rotation are altered (right frame in the image). Any way to achieve the same programmatically?

Hi there,I’m trying to use a toggle to be able to open and close a panel while clicking on a different button (different component)So I created a collection of boolean variables to do that, with the “Hide for publishing” option unticked :  But I cannot for the life of me associate it with my target panel like I think I used before by finding it in the appearance option? Like, when I try to set the variable, I cannot even find my variables :   Would anyone be able to help? Thanks a lot in advance and sorry for the bad english 🙏🙏🙏

Left a comment in prototype mode of desktop app Resolved comment in design mode Comment reappeared Deleted thread Comment reappeared Resolved comment Received ‘Sorry, this comment is unavailable.’ error message Note that I reloaded the tab and restarted the desktop app and repeated these^ steps, and the issue remains. Update: The comment doesn’t exist when I open the prototype in Figma web. It’s driving me nuts; I use comments like a checklist, and it makes me feel like I have something left to do and it makes my workspace feel messy. Related to this issue that I can’t reopen: Cant resolve Comments, also cant hide them

For the string variable. I have been trying to delete the “string value” and leave it blank, but it keeps reappearing. Also,I have repeated to add string variable with another design and it worked. But the time im adding to the existing file, it’s frustrating.

I want to export my variable collection and import into a new file. All the plugins I found do import the individual variables and collections, but the connections/links are lost. This means my collections are no longer linked to the primitives, and instead, the hex values are displayed. Is there a plugin or any way to export the variables while keeping all the connections intact?

Hello,I am trying to purchase a professional plan for my personal team on Figma, but it shows this message when I am reviewing the billing info:Your payment method’s address is in a country that can’t pay in EUR. Please use a different payment method.My bank account is in the Czech Republic.Sadly, I am on a tight schedule.