Ask the Community

I’ve been building a few more complex layouts with nested Auto Layout frames, and I’ve noticed that things can become a little unpredictable when fixed-width elements are combined with Fill Container and Hug Contents. A small change to one element can sometimes cause several other layers to resize or shift in ways that aren’t immediately obvious.What makes it more confusing is that the same layout can behave differently depending on how deeply the frames are nested. I understand that Auto Layout has a specific sizing logic, but when working with a larger component, it can take quite a bit of trial and error to figure out which setting is actually causing the issue.I’m wondering how other designers usually structure complex Auto Layout components to keep the sizing predictable. Do you try to avoid mixing fixed and flexible sizing where possible, or is there a better approach for handling these kinds of layouts?

I’ve been working on a project with a fairly large design system, and I’ve started noticing that Figma becomes noticeably slower when switching between pages, opening component properties, or searching through assets. The file itself isn’t extremely complex, but once there are hundreds of components, variants, and styles, the overall workflow starts to feel less responsive.I’ve tried reducing unnecessary layers and organizing components into separate pages, but I’m still seeing occasional lag. I’m curious whether this is mainly related to the number of components/variants in a file, or if there are other factors that affect Figma’s performance.For those working with large design systems, what have you found makes the biggest difference in keeping Figma responsive?

Sanity check before I submit this as a bug or feature request:Is there an easy, non-destructive way to make Figma show drop shadows on the inside of a closed path, like a circle?I don’t want to use Outline Stroke since that’s destructive. I’m trying to keep it as a normal editable circle and have it behave like it does in apps like Sketch or Affinity Designer, where a drop shadow on a stroke renders on both sides of the path.Same editable circle, inside stroke, and drop shadow setup. Figma doesn’t render the shadow inside the closed path, while Sketch creates the expected inner-shadow effect without outlining the stroke. 

Hi all! I’m trying to create an image in Weave: a flip phone lying in snow, with my company's logo displayed on the phone's screen. I have a reference photo of the composition of the shot and my png logo. When I use those as inputs to the image generate node (I’m using Flux 2 Pro), it re-draws my logo and messes it up in various ways (wrong spacing, font, all kinds of extrapolations). I don’t want to use a Compositor to insert the logo because 1) the phone is tilted on an angle and it looks obvious that the logo is just slapped on top and 2) I want it to have a glowy/glitchy effect like it’s actually being shown on the flip phone.  Any advice on a good workflow to seamlessly work the logo into the scene while preserving its shape for brand consistency? Or are there any image generator models within Weave that you’ve had success interpreting it?

Hello I’m trying to import my Figma make work to VS code and I looked at several tutorial videos and they don’t seem to be much help. If anyone knows how to do it please send make a video of it, I learn better that way.

Hi there, I’m troubleshooting building a suite of evergreen ad campaign assets in Buzz. The only things that should ever need to change are the copy for my offer and the brand logo featured.As I poured over the assets from a prebuilt library, I’m noticing that some of the title copy (that will never need to be edited) has differentiated itself in the bulk edit spreadsheet, in spite of being identical to its siblings.  The right-hand column “flash offer” randoms should be living in the column to the left.It doesn’t look like there’s a way for me to brute-force this by pasting them into the proper column. What could I have done wrong to make them separate like this, and how can I avoid it as I try to build this suite for my team? There are quite a few assets with this issue and I’d like to fix it entirely rather than just hide both columns. TIA

Hello Community,Today I encountered this bug in two completely different libraries that are not linked in any way and share nothing with each other; each has its own variables and components. I also asked two coworkers to test the scenario to see if they encountered the same bug in both libraries, and the result was the same, even though they were using different computers and operating systems. So it seems the bug is real, and I'm only noticing it today; it wasn't happening a few days ago.The bug is this: I have four breakpoints as variables in my UI Kit:Desktop: 1920pxWide Tablet: 1260pxTablet: 768pxMobile: 375pxHere's where it happens:I create a simple auto-frame, with no layers or anything inside. I apply the breakpoints variable for desktop (1920px) and two padding variables that work perfectly (280px and 120px). Then I go to the Appearance menu on the right side and select the breakpoints values. Here's where it gets interesting: I select Desktop, which is fine, but if I then sel

Token-based authentication and MCPWe need to connect to the Figma MCP from Cursor. The current integration uses OAuth; we would prefer to authenticate with Access TokenIs there an official or recommended MCP solution from Figma that supports token-based authentication?

All the plugins I’ve looked at require you to first specify which component you want to find, and then surfaces other instances of that component. But I have a different use case.When handing off designs to dev, they want to know which components from the Design System are being used, and they need me to mark which ones have already been developed, and which ones are new. This allows them to estimate the effort needed. I have no idea how to just find out which components/instances are present in my file. I don’t want ❖CTA-button listed 5 separate times in some kind of layers panel. I just want ❖CTA-button (5), ❖text-input (3), etc. In the best case, it would even tell me where the component comes from (local or external library). Has anyone found a good way to do this?

Figma Motion is an amazing addition, and the API support is quite impressive considering it's still in beta. In particular, the ability to add keyframes manually is a great feature.However, I was disappointed to find that there's currently no way to add a keyframe at the current playhead position. This significantly limits the usefulness of manual keyframing workflows. It would be extremely helpful if you could either expose the current playhead position through the API or provide an option to insert a keyframe directly at the current playhead position.Additionally, "Rotate at Origin" is an essential part of Figma Motion's functionality, but as a plugin developer, I cannot support it in my plugin because this information is not exposed through the API.Please consider adding support for both of these features, as they are very important for plugin developers and would greatly improve the capabilities of the Figma Motion ecosystem.

Hi everyone,I’m in a bit of a tricky situation and hoping someone here has gone through something similar and found a workaround.I recently decided to apply for the Figma Education plan. However, I didn’t realize I could just upgrade my existing personal account.Instead, I accidentally created a brand new Figma account using my university email and successfully verified my student status on that new account.My dilemma is that all my existing work, assets, and active preview links are on my personal account. Because I’m already verified on the university email, I can’t simply re-verify my personal account without hitting a "Verification Limit Exceeded" error via SheerID.Has anyone successfully navigated this? Specifically, I'm looking to find out: Is there any hidden method or specific support channel to transfer the SheerID verification status over to my main personal account? If transferring the status is strictly impossible, what is your workflow for managing a separate student "Pr

Hi everyone,We’re using a Figma Professional Team account, and recently we’ve started facing an issue where users are being kicked out, and only two users are able to stay logged in at the same time.This restriction wasn’t there previously, and multiple team members were able to access the account without any issues.Has anyone else experienced this recently? Is this related to a change in Figma’s login/device policy, or is there a recommended way to resolve this?Would upgrading the plan or creating a separate account under a new email address be the right approach?Any guidance would be appreciated. Thank you!

Hello, Figma Support!I recently upgraded from the Professional plan to the Organization plan and prepaid for an annual subscription. After spending some time with the billing documentation, I realized I had misunderstood how the Organization plan billing model works compared to the Professional plan.Unfortunately, the Organization plan is more expensive than I can realistically afford, so I'd like to ask whether it's possible to downgrade back to the Professional plan.More specifically, I'm hoping there may be a way to apply the value of my Organization subscription toward a Professional subscription.Here's my current billing situation:I prepaid for 3 Full seats for one year, totaling $2,158.20 (including tax). Since then, I've added 5 additional Full seats. According to the Organization billing model, these will be billed on my next quarterly invoice (October 14) as prorated charges through the end of the current annual term, for a projected amount of $3,110.15.If possible, I'd like t

Hello all - completely new here.Trying to get my head around MAKE and SLIDES as a newbie.I’ve used MAKE to build a SLIDE deck template, but I now want to convert that MAKE asset into SLIDES so I can add my content and build out my slide deck.It doesnt seem possible - but I am using the FREE trial tier so assume this function is a paywall feature?Before I pay to upgrade to a paid plan - can anyone confirm - IS IT ACTUALLY possible to convert from MAKE to SLIDES?

I'd like to know if there is any forecast for the release of improvements and new features for Figma Motion? There are many suggestions for improvements here from the community and, for me, the most important thing is the ability to control animations created in motion mode within prototype mode, so that we can truly have interactive animations.

I’m experiencing a very strange and specific bug with the Layers panel visibility toggle. What happensI click the eye icon on any layer to hide it, this works normally. After that single click, if I simply hover the mouse over other layer names (not on their eye icons), those layers also turn off one by one. The only way to stop it is to click anywhere on the screen. It feels like the “click and drag to multi-toggle visibility” feature is getting stuck in the “button still held down” state after a normal click.It happens in every file (not file-specific).A friend checked on his machine and does not have this issue, so it appears to be local to my setup. When it startedI was working normally. I left the computer running for about 2 hours (no updates, no crashes, nothing unusual). When I returned, the bug was there and has stayed ever since. What I’ve already triedRestarted the PC Cleared Figma cache Tested in different browsers + Incognito Unplugged my mouse, launchpad and XP-Pen tablet

Hello Figma Team,My Figma account was suspended unexpectedly, and I can no longer access my important design files.I have already submitted a support ticket and provided all the requested information, but I have not yet received a follow-up response.There are important project files in this account that I urgently need access to.I understand account-specific issues cannot be resolved on the forum, but I would greatly appreciate it if someone could help ensure my support ticket is reviewed.Please help resolve my issue as soon as possible. This account contains all of my important UI/UX design projects and client files, and I am unable to continue my work without access to them. Without access to these files, I could face serious professional and financial difficulties. I would be deeply grateful if someone could review my support ticket (#2051830) and help expedite the resolution of my case. Thank you for your understanding and support.Support Ticket: #2051830Email: [Redacted by moderat

Using variables  I have created a bunch of themes. Inside these themes are differing text styles properties linked to text styles. The limiting issue I have found is, I can’t automate case setting changes per text style, per theme, all of my themes either need to be CAPS, Sentence case or 1 of the other options.(Theres a clunky work around that you can do via components and booleans but it bloats the component library as you have to times the component by X amount of themes,  when a simple variable allocation would fix this issue)Location Text style → Edit text style → Type details → Case Id like a way to be able to toggle automatically this area depending on the theme Im using.Any advice or plans to update this in the future, I’m all ears. Cheers.

 I really liked the new check design tool, but I believe I encountered a problem.When I find a color and try to replace it in side, it doesn't find the colors in my library. My design system is published and normal, it should appear, right?I've already selected it to just base it on my library, but it still doesn't find anything.I also noticed that the colors in the switch menu only appear if I create the color as a variable, but I should use it from the color styles library, right?Would you have to duplicate all colors as variables? it's not so practical if that's the solution. 

I have a header in my web application with a search icon. When the user clicks the icon, the search bar should expand from right to left.The problem is that the animation works, but the expanded width is incorrect. I've built this type of expanding search bar many times before and never ran into this issue, so it's strange that I can't figure out what's causing it now.I've already tried setting the constraints to Right + Top and Right + Bottom, but neither produces the expected behavior.P.S.: It works well when I manually expand it in header component, it’s just the prototype where it just doesn’t workComponent set Header Prototype 

I'm creating icons in Figma, and I've noticed that some icons display a different symbol inside the component hierarchy.When I try to convert them to Vector Path, the results are not consistent. Some icons appear as the actual shape of the element, while others display the generic vector icon instead. warning - wallet_digital

Hi everyone,I run a content site called Crabguide, https://www.crabguide.com/how-to-clean-hermit-crab-shells/ is one of our pages, and I am planning a small interactive quiz feature for the site (helping readers figure out which shell type or size fits their hermit crab). I am learning basic JS to build it, but I have zero design background and want to sketch the flow out first before writing any code.For someone who has never used Figma, is it overkill to learn proper wireframing/prototyping for a single small feature, or is it worth it just for planning question flow and layout before coding? Any beginner-friendly starting points for a non-designer would help.Thanks!

Anyone have found a workaround with the interaction “draggable” blocking the click behaviour of a card? I’m building a prototype and I’d need to have both of the behaviours, a card that is draggable on long press/drag/release and a that take you to the connected link when pressed with a normal click. I tried also a bunch of prompts in the Code Layers but nothing seems to solve it. Any idea?