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?

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. 

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.

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

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

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.

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 

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?

I currently use an educational plan, i graduated from prev uni and now am enrolled at another uni. Is there any way i can update my education plan with a new uni email so that i can keep on using my current acc as a student?

i am new to Figma and i just want to build an interesting portfolio website. I use Figma Make from scratch and keep editing until i satisfied. However when I tried to publish the web to see the outcome in browser, it just show the very first version. Yet i could still see properly in the preview panel. Then I kept trying to press update and publish and it’s still not working. Then I remembered a option say clear like cache memory? or something like that in the chat room, i pressed it. then suddenly the preview panel refreshed, and it goes back to the first scratch version. Everything is gone. I tried to restore the previous versions, but it said it couldnt fetch the version. EVERYTHING IS GONE including my AI credits :(

Looking for an efficient way to do a client presentation for marketing campaigns, multi size emails, social, copy etc that need to be in a presentation form. Slides will not let me change the size, as I need them vertical to house the emails and put 3-4 emails side by side.  

Can Figma Make use the custom fonts available to my organization and team?

Hi [Account Manager Name / Figma Sales Team],As instructed on the Figma MCP Catalog page, we are reaching out to apply to register our custom MCP client for remote access to the Figma Remote MCP Server ([https://mcp.figma.com/mcp](https://mcp.figma.com/mcp)).To comply with our corporate security policies, our design and engineering teams route AI agent traffic through our central security proxy, Unosecur MCP Gateway.Integration Details: Gateway Name: Unosecur MCP Gateway Figma Account / Org: Unosecur Could you please initiate the remote access registration with the Figma MCP platform engineering team on our behalf?Best regards,Shivam

Hi! I have these recommended libraries for ages… and I have not used these in years… how can I remove it and replace it with our current design system? bestAxel  

전에는 열렸었는데 텍스트 몇개를 추가하니 파일이 휴대폰에서 열리지 않습니다. ‘이 기기에서 사용하기에는 파일이 너무 큽니다‘ 라고 알림이 뜨는데 파일의 용량이 커져서 휴대폰에서 열리지 않는건가요? 휴대폰의 용량을 많이 확보하면 열릴수도 있는건가요 아니면 일정 용량이 넘어가면 휴대폰에서는 열리지 않게 되는건가요?

This has always been a pain point for me — whenever I need a logo from a website for a moodboard, competitive audit, or brand exploration, I end up digging through DevTools or screenshotting something blurry.I finally got frustrated enough to build a Chrome extension to solve it. It's called LogoFetch — it scans the active tab and surfaces every logo it finds (inline SVGs, linked images, favicons, OpenGraph assets, CSS backgrounds) in a panel. You can then hit Copy to Figma and paste directly, or bulk download as a ZIP.A few things that came out of building it that I found useful for the Figma workflow specifically:— SVGs sort to the top automatically so you're not hunting through PNGs— Single-color SVGs can be flipped to black or white in one click (handy for dark backgrounds in decks)— The copy button outputs paste-ready SVG code directly into Figma It's free and on the Chrome Web Store if anyone wants to try it: https://chromewebstore.google.com/detail/logofetch-by-treatzone/gjihipp