Ask the Community

Working on a multi-module SaaS project — what belongs in the shared UI library vs staying local?I'm a UI/UX designer working on a project basis (not in-house) on a health management SaaS platform with 8+ modules. Each module has its own primary color, unique workflows, and some module-specific components alongside shared ones. The dev team is 6+ full-time developers.I used a design-first approach — designed screens iteratively and built the shared component library alongside as a reference and handoff tool, not as a prerequisite to design.The shared library currently covers foundations (colors, typography, spacing, icons), core primitives (buttons, inputs, tables, modals, badges, progress bars), and patterns that recur across multiple modules.The dev team is now pushing for every new component to go into the shared library — including cards and layout patterns that are unique to a single module. My position is that cross-module patterns belong in the shared library, and module-specific

Hello Community,We’re looking to upgrade to the Organization plan and would like to purchase 9 Full seats and 4 Developer seats.Our challenge is that, on the Starter plan, there doesn’t appear to be an in‑product way to download a PDF invoice / quote / proformabefore completing the Organization upgrade flow. We understand invoices are only available after purchase under Admin → Billing → Invoices.However, our internal procurement process requires a pre‑payment invoice (or equivalent document) before we can proceed with payment.Has anyone successfully handled this scenario?Were you able to obtain a pre‑payment invoice or quote from Figma? If so, what worked for you? What company details are typically required to appear on the PDF?Any guidance from Community Support specialists or other users who’ve navigated this would be greatly appreciated.Thanks in advance for your help.

I’m building a portfolio/website using Figma Sites. On my homepage, I have different containers for each project, and my goal is that when I click on a project, instead of opening a new page, it triggers an overlay on top of the homepage showing that project’s text and images.I created an interactive banner using code so I could reuse the same template for every project. Now that I’m starting to replace the content, I’ve realized I need a better way to update the images for each project.Right now, the only method I’ve found is to manually drop the images into the Figma file, convert each one into code, and then copy that code as an import into the original banner so the component knows where the image is coming from.I’m wondering if there’s an easier way to manage this—ideally a place where I can store all my images and update them whenever needed. Everything else on the site can be changed with simple copy/paste, so I’m hoping images can work the same way.If anyone has a solution or a

Hello, I have been trying to make this feature work with my custom template, but it seems that no matter what I do and what changes I make to the template, it still comes out wrong. Here are the main issues: every result is different, even when using same materials (texts) and template AI converts random slides to dark mode where it is not supposed to be in dark mode AI uses the Agenda slide as a section header or presentation cover Section header slides are inconsistent, always different AI makes its text + image slide on its own (not from template) AI resizes font sizes of slides it does use from template I tried:Renaming layers, auto layouts, frames, etc. to their intended purposes Detaching instances from main components (from a different file) Putting all content of a slide into a (renamed) frame to show its purpose Organizing slides based on intention (cover first, then agenda, section slide, etc.) Taking the texts out of auto layoutNone of these really worked, there have been so

Hi everyone,I’ve been noticing something weird with my site lately and can’t really figure out what’s causing it. Sometimes it loads fine, but other times it’s either really slow or just doesn’t open on the first try. After refreshing, it usually works, but it’s inconsistent.This is the site:https://thetallycounter.com/I’m not sure if it’s related to hosting, browser caching, or something in my code. I didn’t change much recently, so it’s a bit confusing. Has anyone experienced this kind of issue before? What would you usually check first in this situation?Thanks in advance 🙏

Hi, I’m new to Figma and I’m trying to bring an existing Angular project into Figma for design and editing purposes.My project is already implemented in Angular (HTML, CSS/SCSS, components), and I’d like to know: Is there a way to import an existing Angular project (UI + styles) into Figma? Can Figma automatically convert HTML/CSS into editable frames/components? Are there any recommended tools or plugins to achieve this (e.g., HTML → Figma)? What is the best workflow to sync or recreate an existing frontend project inside Figma? My goal is to: Reuse the current UI design Edit it visually in Figma Potentially iterate and export back to development Any guidance or recommended workflow would be appreciated. Thanks!

Hi everyone,I’m reaching out to those of you who regularly work with Figma mockups and then transfer them directly into code.I’m particularly interested in:Which tools or plugins you use for the automated transition from design to code Your experiences with design‑to‑code solutions such as Figma Dev Mode, Anima, Locofy, Bravo Studio, or others What works well — and where these tools reach their limits in practice (code quality, responsiveness, framework support, handovers, etc.) In which situations these tools are truly useful, and when manual development is still more efficientI’d really appreciate hearing about your experiences, tips, or best practices from real projects!Thanks in advance 🙌

No image loaded when publishing 

Hello Figma Community and Support Team,I am reaching out here as a last resort. I have submitted the contact form multiple times over the past [Time Period, e.g., two weeks] regarding a persistent issue, but I have yet to receive a resolution or a definitive follow-up. I understand the team is busy, but this is currently blocking my workflow/business procurement. If a community manager or support representative could please look into this or escalate my previous tickets, I would greatly appreciate it.Thank you for your time and help.

  I'm using Figma's Simple Design System (SDS). I added a new Mode to the Typography Primitives collection so I can switch to a different font.When I tested it directly in the SDS project file itself, I can easily select the mode and change to a different font without any issues.However, after I publish the SDS library and add it to another project file to use, I can no longer select or switch the mode to change the font.Does anyone know why this is happening? Please help me out. Thank you!  

Hi, I want to ask, I wonder if we can remove the color from On This Page section? Or I need to make specific library color for each project? 

How do I get to see colors defined in extended collections in the ‘Fill’ section?For example- I wanted to add a color from ‘RF Colors’, but the only ones I can see are from the ‘1 Semantic Colors’ section. 

Is there a way to copy Design files and paste it in another project folder, or a option to copy to <Folder Name> just like we have Move to..?

Hi, I can’t find how to add variables for those two fields. Is it possible?

I don’t know if this is a bug or simply a feature I don’t get: Shadows look completely different when applied to a shape with a fill vs. an auto layout of the same dimensions with the same fill. Even stranger, when clip content is applied to the auto layout the shadow looks the same as it does on the shape.Is there anything I can do to ensure a shadow renders the same whether or not it is applied to a shape, a frame or other object? And what’s with the clip content difference? I would have expected the shadow to look different with clip content enabled, not the other way around.I’d be much obliged if anyone could enlighten me. 

I’m working on a prototype of a website to purchase tickets for events, and I have the checkout process set up like this:Go to ‘Schedule’,Select the show (in this case, the show for ‘Mello Quake’),Select ‘Add To Cart’, which redirects you to your cart.Note: When adding to cart, this toggles a “Cart” variable to be set to “True”, which will change the ‘Add to Cart’ button to a variant that reads “View in Cart”. Both buttons have an animated hover state.From there, you are able to empty the cart by making the counter in the cart go to ‘0’. A pop up will appear as a warning, letting you know that this will empty the cart, and ask the user if that’s what they want to do. When testing this, I have been hitting “Yes” to empty the cart. Doing this will set the “Cart” variable to “False”. Ideally, when the “Cart” variable is set back to false, the button on the show page will change back to the “Add to Cart” variant. While it does do this, it defaults to the hover variant of the button, instea

When iterating with UI changes with Figma Make, I have to constantly copy either the zip file over to my IDE or manually copy the code changes.Is there anyway I can have my account connected on Cursor and prompt Figma via Cursor chat so it can directly make changes to my codebase.Thanks!

Hi all (and hopefully someone from the Figma team),I’m writing this post after spending days trying to figure out whether it is currently possible to sell a Figma plugin, and I’m honestly shocked at how contradictory, confusing, and out-of-date the information is across the official documentation and forum posts—even posts by Figma staff. I’m not alone in this confusion. Let me lay out what I’ve found and where the contradictions lie. 🔒 1. Official documentation (as of now) says the Community Seller program is closedFrom the official documentation on selling Community resources:“Note: We are not approving new creators to sell paid files on Community at this time.”This implies that unless you were already approved long ago, you can’t use the built-in Stripe-based seller infrastructure at all—meaning you cannot charge for your plugin through Figma in any official way. 🌐 2. A 3-year-old post from Figma staff says you can use your own Stripe flow (but not in the plugin UI)Source: Forum p

Hello Brains Trust, I am stuck.I am trying to get a navigation bar's scroll position to stay at the top of a frame (a prototype website) as one scrolls down. I want the nav bar to be visible at all times, even when scrolled all the way to the bottom of the page - but it just won't. I have done every step recommended:Select the navigation bar instance in the Home frame. In the Prototype tab, select Sticky from the Position menu. Open the Auto layout settings, and make sure Canvas stacking is set to First on top. It is at the highest layer order within the frame It is fully inside the frame, with all appropriate properties enabled I have tried every configuration of ‘Overflow Behaviour’ and nothing works (none, horizontal, vertical, both directs etc.) Yes, it is in a frame, not a group. If I disable auto layout, the problem persists. I have applied the ‘First on top’ to the Main component. On one frame is kinda half works but flickers over and under layers. Yes, I have turned it off and

I am being invited to view a file, but when I click accept, it says it is restricted. This has happened with three different files for one of my co-workers. An outside organization is sending us access to view, but when we click accept in our email, it still says restricted. I have clicked " ask to be added,” and I have asked the other organization, but they are not getting emails that I am doing this. My email is correct, and I have cleared my cache. I have double checked that they have sent view access and they have done all the same steps for my manager and he has no issuing accessing the files. But me and my co-worker do, we have done everything on our part but there is clearly a Figma issue. This has been going on for 2 weeks.

Figma said i had to have a business account to add more credits, so i added my business account but i can't access the project now even though I have crdits on my business account and Figma... what a mess.

Hi Figma Support Team,I'm reaching out to request a refund for an accidental renewal of my personal Figma Make (monthly) plan.My team has recently migrated to an organization account, so I no longer use the plan tied to my personal account. The renewal was unintentional, and I'd appreciate it if you could process a refund at your earliest convenience.Please let me know if you need any additional information to move forward.Thank you for your time, and I look forward to hearing from you soon.

Hi all,I’m currently updating and simplifying my button library. At the moment, the leading and trailing icons are set up as separate variants of the button, which means I have to manage them across all states (default, hover, active, disabled).To improve this, I’m trying to use the new slots update so I can combine everything into a single component - using one slot that includes two icons and a text element - rather than relying on multiple icon variants.However, I’m running into an issue:When I edit the button layout (for example, moving or removing an icon) and then switch the button to a different state, the colours of the icons and text don’t update - they stay the same.I’ve set up variables to handle global colour changes across the buttons, but these don’t seem to apply correctly to elements inside the slots when switching between states (default, hover, active, disabled).Does anyone know how I can ensure the colours of elements within slots update correctly when changing varia

My bottom navbar disappears in prototype view mode whenever I set it to “Fixed(Stay in place)”. I want the navbar visible during scrolling.