Ask the Community

Hi everyone, I’m having an issue with my variable list, particularly as it pertains to a drop-down menu I want to create. Below you can see the screenshot of the list (with the placeholder text “Button”). I’m trying to replace the placeholder text with the String variable I created “Grocery”. I want to replace all the placeholder text as well.Figma isn’t letting me replace the placeholder text with my desired variable. I’m not sure how else I can replace the text because there’s no option to do so manually. Hoping someone can help with regards to this. 

Does Figma Make support the learning of design systems or the implementation of predefined design standards?

I want to create auto layout for multiple selected layers. When I select multiple layers and press Shift + A, it wraps the layers in another frame with auto layout enabled. However, my intention was to apply auto layout for each layer. Is it possible to achieve this? Because I don’t want to click on each layer and press Shift + A. Thanks!

Updated: I saw someone visited my file and it was fixed. Many thanks 😊Hi guys, I have created this conditional prototype for the phone country code. The default country code is Germany. When I click in India the conditional prototype works but when I click back to Germany, it doesn’t change Germany to active. I tried to do other way, set India as a default instead, it works when I click on Germany (change their statue to inactive) but when I click back on India, nothing happens. Please someone help me with this. Thank you 🙏Figma link:  defaultIt works when I click on India, but when I click back on Germany, nothing happens 

Hi, I want a button to turn into a selected state first, then only it navigates to new page / open a new overlay. The only thing I got when I put these two interactions is they showing one. How to make this possible?

I have a component called “Dropdown base” and it has a couple of variants.For some reason I cannot insert a Button component I also have in my design system inside any of the variants.All the other components can be inserted fine: search bar, icons, chips, tags, anythingOnly with the Button component I get the error saying “Components cant contain instances of themselves”Which I dont understand because the Button is not an instance of the Dropdown base…is this a bug?thanks! 

Hi all. I exported a frame (1920x720) and it outputs a 1928x720 PNG file. Is it possible to export an image the same size as the frame? Do you know why you can't export an image the same size as the frame? 

I can't seem to find the API docs for AutoLayout Grid recently.A few days ago, I could still access properties like:gridChildHorizontalAligngridChildVerticalAligngridColumnCountgridColumnGap...But now, I can't retrieve these properties anymore. Were they removed? Or were they moved to a different interface?

Amé la nueva funcionalidad, y para comunicar datos como interacciones o contenido. Pero no pueden visualizarlos quienes no sean parte del equipo. Es muy triste! Hay forma de configurar que un visitante no perteneciente al Team vea esas anotaciones?

Usually, I design in low-fidelity, then move to mid-fidelity, and finally to high-fidelity with functional prototypes. During this process, I also create the design system (when it’s a new project).Now that I’m including variables, I’m running into a problem: variables aren’t exported unless I use a plugin, and even then, the process feels very slow. Updating every variable in the design system (whether with plugins or not) makes designing much less efficient.Here’s a real case: In my design system, I define styles for typography and sizes. For sizes, I set up variables for Desktop, Tablet, and Mobile. Later, while working on my mid-fidelity wireframe, I realize my sizes aren’t quite right. In this wireframe, I also have variables for breakpoints. Now, I’m not sure if I should:Modify the typography sizes in the design system (as styles and variables), orChange the variables in the mid-fidelity wireframe where I’m working with breakpoints.So, how do you recommend managing this process,

I’ve built a Base Design System using variables to support 4 products with ~80% shared flows and components. The only major differences are styling (colors, typography, etc.).However, some products are starting to diverge in component structure and visual design, leading me to create unique components. This is polluting the Core Library with product-specific elements.I’d like to separate the Core components from these niche/extended components.What’s the best approach in Figma? Should I organize each product's unique components in separate pages within the Core Library file (e.g., 8–10 pages named by product)? Or should I create separate Figma files for each product’s Extended Library? I still want to use variable modes, will this cause any issues? If I go with separate files, can I publish from the Core Library to Extended Libraries (or vice versa) to maintain consistency and avoid duplication? Will this confuse developers in any way? Any recommendations or best practices for

I would like to replace an existing master component with a new version without having to update the existing master component. I copied the new version and replace with the existing master component. The designs that initially used the existing master component didn’t get updated with a new one. When I select the existing master component in the design, I get the following message with the ‘Reset to default’ button.‘Missing variant’ The selected variant is missing in the component When I click the reset to default button, the component overrides with the new version. But I want this change to be applied automatically without me having to click one component at a time to override it.  How can I reflect the change with the new version automatically after replacing the master component?

FIgma on Mac version 125.4.9Following along with: Created some icon components.  Created a button component, added an instance swap property.  Now to the point that I want to tie the icon in my button to the property.Double click the icon, but no frame or parent component section shows up on the right:So I don’t know how to tie the icon in my button component to the property.Can anybody help out this newbie?

I’m building a plugin that adds some reactions to Figma design components. It mostly works, but I’m stuck on getting overlays to work right.I’m looking for documentation or examples for how to setoverlayPositionType: “MANUAL” overlayBackgroundInteraction: “CLOSE_ON_CLICK_OUTSIDE”It looks like these are supposed to be set on the Frame that my Action points to. But I can only find readonly versions of these settings in, for example, FrameNode API docs.What’s the trick for setting these programmatically?Here’s the snippet defining the reaction: const reactions = [ ...fromNode.reactions ]; reactions.push({ trigger: { type: "ON_CLICK" }, actions: [{ type: "NODE", destinationId: overlay.id, navigation: "OVERLAY", transition: null, }] }); return fromNode.setReactionsAsync(reactions); 

I’m building a site and when I go into preview mode or publish the site, Figma changes/reformats my fonts.. is this a bug or am I missing something ? 

Hi everyone! I'm fairly new to Figma, but I'm starting to get the hang of it. However, I’ve run into an issue with the hover interaction. I've used it throughout my project without any problems, but now, any new components I create with a hover state are flickering when hovered over. It's confusing because the same interaction has worked fine until now. Has anyone experienced this or know how to fix it? I'd really appreciate any help!

If I cancel my figma pro subscription, are all my websites that I created and published with it going to be deleted and unpublished?

How do I generate a color palette or color swatches, selecting a needed frame with applied raw colors? 

Someone can explain this behavior of the frame? Why we see the whole rectangle?

It’s something tremendous. I can’t leave “Present mode” (not Prototype) and in order to do that I ask about it on the forum. People scold photoshop, but sorry I never experienced so primitive problems there. It’s a big shame for figma.

Hi,I have a professional plan with 5 seats and my team has several projects.I need to add an external user (that already has a seat in another team inside Figma, but not my team), just to strictly edit a specific project inside my team. I don’t want this user to have access to other projects inside my team.How can I do that?Thanks

Can a designer select which language “Figma Make” generates?   Can “Figma Make” generate Java & Kotlin?

I'm building a component configuration where images use specific aspect ratios. By default, the aspect ratio is set to 3:2, and a Placeholder component inside the image enforces this ratio.To manage this, I created a variable called default-aspect-ratio and use it in the component's prop.Since I'm working in a multi-branded design system, different brands will use different aspect ratios.Is it possible to redefine the same default-aspect-ratio variable within each brand’s handoff file, so it overrides the original, without using modes or other mechanisms?Or is that a limitation of the system?

Hi all, So I made a quick portfolio using figma sites, the issue i have is that when I go to preview mode everything is ok on all devicesm but when i actually publish it loses center allign. Figma file:https://www.figma.com/site/KnUn58H0rxAHrgEY5GmXGT/PortfolioV2?node-id=0-3&t=BeBnNVVPRn7Q5f65-1 Actual website:https://dew-curry-02803139.figma.site/ Please ignore other pages than “HOME”Can someone help me pls