Ask the Community

Hello, noobie here, currently taking my first UI/UX course and have been enjoying the process using Figma so far. I haven’t had any troubles until recently, when I started prototyping. As you can see from my pic, I have some low-fi wireframes I made with basic shapes and text that I’m trying to prototype for a basic user flow. But some reason, when I click or hover over anything, except for the tiny diamonds that were imported with the iconify plugin for some reason, the nodes allowing me to connect to other frames does not appear. So I’m stuck and could really use some help. Thanks. 

I thought the Figma education plan gave me the same credits as the existing professional plan, but is the education plan unable to use Figma Make?

If I define  6 grid with margins I want the element in the grid to adhere to the grid and am not interested in widht/heigh in px. For horizontal designs it should be set as start and end (or span). That way the design transfers easily to css-grid without reinterpreting the widths In Layout quide - Columns at the possibilty to replace position/width with grid-start and grid-end or span.

Hello!My account is currently on the Education plan, but I’ve already reached the usage limit. I originally received the Education plan when I was studying in a course.Now I am working in Figma as part of a team, and I see that I need to verify my Education status. The issue is that I no longer have valid proof of enrollment, so I cannot verify as a student.I would like to purchase a paid plan instead, but I noticed that plans can only be purchased for a team. If I buy a plan for my own team, I won’t be able to transfer that subscription to the team I was added to.Could you please advise me what the best solution is in this case? Should I create and pay for a new team, or is there a way to upgrade my individual account while still working inside my current team?Thank you for your support!

Hello Figma Team,I’ve been using "Figma Make" and noticed that some of its features are very similar to "Cursor", which I found quite impressive. I’m amazed by Figma’s innovative technology.I have a few questions regarding its functionality:Could you let me know which language model "Figma Make" uses to perform its tasks? Is it an in-house model, or does it rely on an external one?Also, similar to "Cursor", does it operate in conjunction with MCP?I look forward to your response. Thank you!

I have been in contact with SheerID regarding the verification process for an education plan, and they confirmed I’m verified and approved, despite this Figma keeps telling me to reverify. I sent a request to Figmas support team but got back that I need to get support trough the Community Support Forum, So here we are. I cannot redo the verify process as it says my Verification limit is exceeded and that it seems like the offer is already redeemed. Please let me know how to solve this.Thanks!

I’m currently working on several collaborative projects in Figma with my team, and one of the main challenges we’re facing is keeping our design components organized. Often, we end up with multiple versions of the same button, card, or icon because different team members create their own components instead of reusing what already exists. Over time, this creates clutter and makes it difficult to maintain consistency across projects.I’d like to understand the best practices for setting up and managing components in Figma in a way that avoids duplication and keeps everything streamlined. For example, what’s the best way to structure a design system or team library so that components are easy to find? How should we approach naming conventions, grouping, and categorization to ensure that everyone on the team knows where to look for assets?Additionally, I’m curious about how teams use Figma libraries at scale. Should we have one large shared library for all components, or is it better to bre

I’m working on data tables for a dashboard and I was wondering if theres a way to move columns/ rows without it “breaking” everything?

Greetings, as I try to use Figma the slightest wrong touch causes a large pop-up option menu to cover the work area. This is the one that begins with “Copy… Paste here… Paste to replace...” Is there any way to disable this from ever appearing?

figma account is paid ..despite doing the payment, owner account is still locked. This is unacceptable..totally frustrated after complaining multiple times to figma via hep center..nothing happened..

Since Figma made changes to the UI panel and how autolayout is displayed, I can’t figure out how to change the layer stacking order, which is resulting in my tooltips appearing beneath the text below. Anyone know how to find the settings to change this ordering?

A Figma document that I co-created with someone has been maliciously deleted by its owner (the creator). I'm looking for a way to restore it without going through the creator. Any advice would be greatly appreciated.🙇🏻

Background:I am designing a simple sidebar for a website that can open and close. The sidebar contains element representing the different pages Each element can be active or not. When active, the color changes to blueActors:Sidebar Elements: as described in the top right panel, each variant is either active or not, and either open or closed. Sidebar: The Sidebar can be either open or closed Full prototype: As you can see, I only set the variant state to “active” directly in the prototype, so I only keep the parent component outside of the prototypes  Problem:When I close the sidebar, the instance swap “color” goes back to the default value I could create different Variants, one for each page, but I want to keep it easy and to the least number of variants possible.The sidebar is open and the first element is active​​​​​- When I close the sidebar, the text changes properly, but the color goes back to normal. why? As mentioned before, I could create one variant for each page with the elem

Hello< i was wondering what is the cursor pack that is used in figma website i think it looks really cool and i want to use it on my laptop

Hi!I’ve “developed” a web app via Figma make, it gives me and my team the possibility to add markups to animation shots. It’s working and all, but what is missin is persistency and collaborative work.I tried adding supabase to the formula, but it’s not really working. Figma make tried to make the connection with the supabase account but for some reason the login screen doesn’t work and has this phrase on top:Edge Function Not DeployedThe Supabase Edge Function needs to be deployed for collaborative features to work.To deploy the Edge Function:Install Supabase CLI: npm install -g supabase Login to Supabase: supabase login Deploy the function: supabase functions deploy serveryou can’t login, you can’t really access the app anymore.now, what should I do to make it work?Sorry I imagine this got too complex for Make to take care of and I’m not a real programmer (although I know bits of programming...)Any help is much appreciated

I’ve started using Figma Site mode and no plugins I use nor the option to get new to add showing up. I’m on Prof Plan. Did I miss any setting changes or it’s not available in Site mode yet?

We’re building a country selector with flag icons for our design system. For legal/IP reasons we couldn’t just grab an existing flag set. Our IP&S department suggested we create our own abstracted, round versions so they’re safe to use.We designed the icons in Figma. To make them round, we used masks on groups (instead of subtracting everything into one circle shape), because otherwise it would be a huge amount of manual work and would result in SVGs with tons of paths and layers.The problem:When we export from Figma, those masks become opacity masks in the SVG. These render fine on desktop browsers, but cause issues in iOS and Android (both in apps and sometimes in WebViews).So my question is:👉 What’s the best practice for handling this? Should we: Convert all masks to <clipPath> post-export? Do a boolean “subtract/intersect” in Figma to bake the circle into the geometry? Or handle the rounding at the UI layer (e.g. border-radius / ImageView corner radius) and drop the

hey guys, so i made a prototype on figma make, i wanted to share it with a focus group when i finished it, so i clicked “share” and copied the link but first i tested the link in the chrome browser free of other cache and it didnt load well it did for a split second and loaded up nothing after that like it was blank with only the figma top toolbar avaialable… so i tried publishing it and doing the same thing and the same problem happened, now the easier solution is to just share the link diectly but it will show the ai prompts which i dont want , i know there was a way to turn it off and thats if you publish which i have done but the file is not loading when i go to view it. and accessability is definitely set to public.prototype

There are many closed posts trying to understand why Mode conflicts happen. While the Figma team continues investigating, I believe I’ve found some clues about the root cause—and part of the solution—based on repeated testing.Before you start Make sure your libraries are exported and up to date: Accept all updates in the source libraries. Re-publish if anything changed. In the affected file, relink/accept updates to the latest library versions. How to diagnose Find the component that shows the ⓘ warning when you try to switch a mode. Duplicate the component, then detach the copy. Work on the detached copy so you don’t lose the original. Check if the conflict persists on the detached version. If it persists, inspect layer by layer (text layers, containers, etc.) until you isolate the problematic element. In my experience, the culprit is almost always text styles or typography tokens. Two common cases & solutionsCase 1 — One text layer with two text style

Hi everyone 👋I’ve been trying to create a “multi-select services builder”, where there are four types of services and depending on what combination of services you select, the respective plan card shows below.Ex: When you select Internet, Mobile, and TV services, you will see an “Internet + Mobile + TV” plan card below the toggles.I managed to utilize boolean variables and conditional prototyping to get to the point of showing the card swapping when selecting Internet and Mobile. However, I have to take into account what cards will show when selecting other variations of services. It’s also complex because the toggles (how you would select each service) have a selected/unselected state on click that I have to take into consideration. I did try connecting the Mobile selected state to the MobileSelected boolean variable and Internet selected state to the InternetSelected boolean variable, but the conditional prototype doesn’t seem to work when I have the variables set to false by defaul

Does anyone know how to create a vertical scrolling text banner similar to this: This process does not work the same any more so was wondering if anyone had an updated process or if you can point me to a video or blog that explains it. Thanks in advance!

Hello - I am having issues accessing any of my variables/tokens from the variables files from my main design system figma file. both are published. in the main design system file only two to three variables are showing up but not all of them. i’ve deleted styles and variables from the main DS file, but still no luck. i’ve also tried destroyer to remove color and text styles, along with variables in the main file. having a hard time figuring it out and at wits end. appreciate any advice or insights. text styles seem to be loading properly, but not everything else. my variables in tokens file are following the correct color, number and string variables.  

Is it possible to animate boolean shapes in Figma yet?

Can you use the stroke width less than 1 px and in decimal values for websites? If no, why?

Figma stopped suggesting me to create a style by default, now it always suggests to create a variable and I always have to switch. How can I switch it back to suggesting to create a style by default?