Skip to main content

Ask the Community

Have a question? The community is here to help!

  • 13,053 Topics
  • 34,574 Replies
10000 Topics
seni
Figmate
seniManager, Community Support
posted in Ask the Community
READ ME: How to use the Ask the Community category?

Have a question about using a Figma product? Unsure if you’re running into a bug or expected behavior? Wondering how others might solve a specific problem in a Figma product?You are in the right place! 😉

Note: If you encountered a bug and want to report it, please use the category Report a Problem. Guidelines Please do a search first 
 Before creating a new topic, do a search to make sure it hasn’t already been asked by another member of the community.   One topic per question
 If none of the existing topics cover what you need, feel free to create a new one.
To help keep the forum organized and help with search, create one topic for every individual question you have.   Review and use the pro tips 
 Make sure to follow the pro tips below (click “Show content”) when creating a new topic. Please write your topic title as a question (if possible) — this helps with search Specify which Figma product your question is about - you can use the tags for that too Give as much context as pos

1780
seni
Figmate
Loren Tracy
Loren TracyNew Member
asked in Ask the Community
Reusable list components that scroll

 I’m having an issue with creating a reusable list component that can have various amounts of list items that scrolls correctly.I created a list item component group with 15 list items, embedded that into a list item drop down. I was hoping to just hide list items in that drop down component instance but the issue I’m having is the container keeps the original height which leaves a large white space at the bottom of my scroll. How can I create this without having to make a list item component variant for each number if list items I need and have it scroll correctly? (This works but seems insane) 

302
Loren Tracy
S.T
S.TNew Participant
asked in Ask the Community
Can I select layers and change a word from Secondary to Primary?

Is there a way to replace the word Secondary with Primary in layers I select?  

132
S.T
Tascha
TaschaActive Member
asked in Ask the Community
Instance text color does not change when changing variant / retains color of original variant

Hey hi; not sure it’s of any help or concern to anyone - I know we have tons of topics abt this issue with icons but I think not with text? However, to me it just happened that in an instance, once I changed the text, it retained it’s color when changing the variants of that instance that had a different text color: in the instance below I changed the text to “asdasd” when it had the rightmost variant (disabled), then changed to the left variant (primary) and the text color (grey) was kept from the disabled state. However, I messed around with it a bit and after I changed the “main”(?) variant of the button (the top leftmost “primary”, the one I started with from which I just copied and did modifications to create the other variants) it updated the text of ALL of the variants: so, I changed it to “text” and all the others got the same text + color; I then fixed the wrong colors of the rest of the variants and suddenly the instance started working as expected: changed the text t

1002
André Martins
Jesse_Wallace
Jesse_WallaceNew Participant
asked in Ask the Community
Autolayout bug in nested components

I noticed a bug that has recently appeared sometime in the past two weeks dealing with autolayout and nested components. Our team uses master components so that we can push style changes to all variants quickly. It works great and helps keep things tidy. The only issue with this is that if you want a full-width component (for instance, a button you want to expand to the size of the mobile screen), you would normally have to take these steps: Drag a variant instance onto the frame Double click to go from the variant to the master button frame Change Resizing from “Hug Contents” to “Fill Container” Adjust the width of button width as necessary This has historically worked but now whenever these actions are done, trying to set any Resizing option automatically chooses Fixed Width. This breaks resizing nested components. You can view this process in the video below. I created a new master button and a small variant set, and then show how the base button width responds correct, but the va

555121
alexrest
KennLucas
KennLucasActive Member
asked in Ask the Community
Grid Visibility

It is about high time that Figma fixes the visibility of grids in designs. There is NO REASON that the grid has to be showing on every single page of my design when I am trying to make adjustments to a single page. THEN, clicking the eye to hide the grid hides it everywhere. This needs serious work. It is annoying. And it keeps designers from using the grid method because it is just so poorly done in FIgma. Sorry. This was a purely rant post. But had to be said.

2032
Daniel Revil
SuzyG
SuzyGNew Member
asked in Ask the Community
How to Create a Shape-Based Button That Expands with Text?

I know how to create a standard button in Figma where you use a stroke around the text to make it expandable, but I'm having trouble with a custom shape button. Specifically, I want to create a button using a custom shape (like an ellipse) that will resize based on the text length.I want the text and button to expand together, so the button adjusts automatically if the text changes or is longer. Is there a way to achieve this with Auto Layout, or is there a better approach for this kind of dynamic resizing with custom shapes?Any help would be greatly appreciated!Image 1 is my buttonImage 2 is what currently happens if the text is longer  than the button 

371
nikitapashinsky
A
abhishek_singh_lodhi1
asked in Ask the Community
Lost figma file

I lost my Figma file, how to get it back, I have the link of that file but it is showing the source is deleted

263614
Gayani_S
Figmate
Roland_Tomlinson
Roland_Tomlinson
asked in Ask the Community
"An error occurred while retrieving the component or state group"

When attempting to swap the instance of a nested component (e.g. changing the icon in a button), I get the following error. “An error occurred while retrieving the component or state group” First time I’ve ever come across this error in all my time working in Figma, so I wanted to find out whether anyone else has experienced this error and, if so, what can be done to solve it? Thanks in advance!

775
Gayani_S
Figmate
Corey_O_Brien
Corey_O_BrienNew Participant
asked in Ask the Community
2 level of component nesting breaks instance swap, or property state in prototype

We are trying to use a component that has a nested sub-component.  That sub-component then also has a nested component.  When we start the prototype with all of the parent items expanded, it works great.  When we collapse each, and then expand them again, the sub-components all work as intended as well as the sub-sub component.  If we start the prototype with the parent collapsed, it breaks and reverts all of the sub-sub components back to the first variant.  Here are pictures of an example we built as well as a prototype link for it in action. There are two prototypes, one with them expanded.  If you click on the expanded items, they will expand and collapse and keep the rest of the content, the green/yellow blocks the same plus the text within them.  On the other, incorrect, one, if you expand them the colored boxes does stay changed, but the text reverts back to just “Testing Block”. Thoughts on how to fix this?    

231
Corey_O_Brien
C
Corey_Anders
asked in Ask the Community
Organize Figma Files into Folders

How can I better organize all of my Figma files. Currently, everything I have ever created is just listed in chronological order. I would like to organize in folders. I have read that I can organize in projects but I don’t see how to do that. How do I create projects within a project? For example, I would like to have a project named “Hospital” where I put all of the designs I do for the hospital. Underneath/inside hospital, I would like to have sub folders/projects like Posters Mobile Apps Intranet Designs Website Designs Is this possible?

49248
Luke-Itineris
Nicki
NickiNew Member
asked in Ask the Community
Can't log into search engine it seems to be covered by a toolbar

After trying to fix my settings on an old mac os, I somehow added a frequently visited toolbar which appears where the search engine usually would.I’ve unticked the frequently visited and the screen is at max, so it wasn’t covered.I’ve tried everything by looking at websites on my phone and many of the options they suggest choosing - such as settings/view …. but in my mac, view doesn’s appear under settings. (Lots of these examples).I’ve rebooted. Only managed to log into google because the icloud website appears in the problematical toolbar and I changed the search. Also can’t find word count in Pages for love nor money - same issues as above eg of settings/view. Thanks so much!Nicki

00
Nicki
Noor2
Noor2
asked in Ask the Community
Font Installer Not Working on Figma Web

Hello, I only use Figma on the web, I can’t use the desktop app due to my computer macOS version. I have installed the Figma Font Installer, and it says that I can use local fonts on the web, but this is not working. Any solutions? Best,

1388
Ana Fiumana
Ben_Hacking
Ben_Hacking
asked in Ask the Community
Prototype - Fit Width not working on newer Macbook Air 13.6 inch

Have been searching for solutions to this but cannot find any. Since moving to a newer Macbook Air 13.6 inch, fit width no longer actually fits width, nor does fill screen or fit to screen. I have a black border all around the prototype regardless of which setting I use for this. Any solutions or has anyone else had this issue? Using Chrome, using the web version of Figma, only change has been that my laptop has a newer screen size than before. Thanks

4357
Adam_J
Ulfa
Ulfa
asked in Ask the Community
How to apply Boolean Property of a component into its variants

Hello, how do I apply The Disabled boolean property into each of these variants? Currently when I create a new component property , it says an error message of ‘Not Used Within Component’. I cant find a way to apply the created property to variant. Im stuck at this. Thanks!

2302
Ramanathan_Shrikant
matko13
matko13
asked in Ask the Community
Boolean property message "not used within component"

Hi there, I have a problem with creating and applying a boolean property. I have a button that is created with nested components. I create a boolean property on the top level of a component to show an icon-only button variant. Still, when I want to apply it to the variants, it’s not visible there so I get an error that says the property is not used within a component. Does anybody have a similar problem? Screenshots attached.

2229611
Ramanathan_Shrikant
Ivan24
Ivan24New Member
asked in Ask the Community
Swap instance: Not changing height of new component

Hi everyone,I have a Feed item component, in there I have a static header and a content placeholder (also a new component).I want to replace that content placeholder with a new component that has DIFFERENT height (along with color and text).Now, when I do select the placeholder and swap the components - the new component has everything except the height! The height is still higher from the original placeholder even though I set to hug content. Original file with all components.​​​​​​Here is how it looks when I swap instance: Here is the video of me showing the problem:  MAIN GOAL:I just want that when I swap the placeholder, it changes to the new component (with the width, height and everything else...) 

80
Ivan24
R
Robin_NagelNew Member
asked in Ask the Community
I try to REALLY flatten an illustration…

Hello dear community,I have an illustration that looks like this:Unfortunately, it consists of several individual paths:Now I would like to transfer the visible red area to a single shape so that I end up with a clean and efficient SVG graphic. This means that all the individual paths should be merged into a single surface.The internal tools of Figma do not help me so far, because the individual paths remain and I could not find suitable plugins. (A plugin called “Really Flatten Vectors” actually does exactly what I need, but unfortunately it chops up the graphics).Do you have a solution? 

90
R
J
Jannek_Brauer
asked in Ask the Community
Issue with Clickable Object Behavior When Covered by Another Component Variant

Hello Figma Community, I’m encountering an issue in my Figma project related to the behavior of clickable objects when they are covered by another component variant. I’m seeking assistance to understand and resolve this problem. Problem: I have a Figma file where I’ve created a component that changes to a different variant on interaction. However, when this variant covers part of another object that was clickable before, I notice that the covered object remains clickable even though it’s not visible anymore. Expected Behavior: I expect that when the new component variant covers an area, the objects underneath it should not remain clickable. The covered objects should be effectively hidden from interaction until they are visible again. Steps Taken: I’ve checked the layer order to ensure the covering variant is on top. I’ve confirmed that the covering variant has an opaque fill. I’ve explored the interaction properties and settings but couldn’t find a direct solution. I’ve experimented

2181
J
Chris_Petzny
Chris_Petzny
asked in Ask the Community
Set variable value for specific mode

Hello, my prototype contains a set of three cards representing three scenarios. Each has a string variable for label, description, type and ID and there is a mode for each scenario. They also all contain two other string variables which can be changed by selecting values from a dropdown, but the same value is shown all three modes. For some reason those variables can only be changed for the default mode. So I was wondering if I can set them for the other modes somehow? Or is that not how modes are supposed to be used? Cheers, Chris.

10107
Jay_Flaxman
Wehadit
WehaditNew Member
asked in Ask the Community
Figma to working mobile app - AI tools for the same?

Hi, what AI tools do you use to create the MVP mobile app using Figma designs? After a design is done in Figma, some of the tools I know can create the code for the UI are Blackbox, Copilot (with it’s new ver), but these need a lot of rework by a developer. Tools like Loveable and Framer are not Figma oriented and so don’t help for the customized UIs we create.Also, I am thinking if we can create a working ver using Figma designs, it’ll help us try it out or finalize better UX. Thoughts?

60
Wehadit
Vadim_D
Vadim_DNew Member
asked in Ask the Community
Components wrapped in a Selection frame are not being copied correctly.

When copying (Ctrl+A, Ctrl+C) components that are wrapped in a Selection frame from one file to another, the variable settings and the arrangement of the components inside the inserted Selection frame get reset. Has anyone else encountered this? It used to work fine before, but after the update, it broke. I tried to illustrate this with screenshots.OriginalPaste 

182
Vadim_D
Justin_Stagge
Justin_Stagge
asked in Ask the Community
Prototype is slow but file is small

I have a prototype with a lot of connections but overall the file is small (11%). Although the prototype lags, loads slowly, and triggers the ‘unable to load…’ browser notification. There are no images within the file Most animations are ‘smart animate’

292725
I
F
Fede_HP
asked in Ask the Community
Hidden nested instances are not receiving updates

We have a Design System with parent components composed of nested instances. Both parent components and nested instances are in the file “A”. To avoid having thousands of components available within the Assets when publishing the library, the nested instances are hidden with “.” at the beginning of their names. The problem: When using the component library from file “A” in file “B”, everything works fine. The issue arises when a nested instance from file “A” requires an update. Firstly, it does not allow me to publish the nested instance update without removing the “.” from its name, and I also cannot publish the parent component containing the updated nested instance. If somehow I manage to publish the parent component, file B will prompt me to update it, but the updated nested instance does not receive the changes made. Is this a bug? Or what is the correct way to work, update, and publish nested instances so that they always receive their updates without cluttering the Assets librar

6078
Robin_Lopez
Andrew49
Andrew49
asked in Ask the Community
Video playback is dysfunctional in Figma Slides

I have placed multiple video files (.mov and .mpeg4) into a Figma slide, and de-actived “autoplay.” When viewing the slide in presentation mode (either standard view or full screen), the videos do not play when clicked. If I skip to the next slide, then return to the slide with the videos, they play as expected. Major bug, not new, must have feature… please fix it.

814
y_toku
Figmate
Terms & ConditionsCookie settings