Ask the Community

Hi, Is it possible to view all spacings at once in a Figma frame? Found this post on Dribbble as an example: I already saw some people suggest using ‘View’ > ‘Show dimensions’ but I don’t have that option. Does anyone know if I can achieve this with a shortcut? Thanks

Can anyone provide some guidance?

I’m working on an onboarding experience for a fashion app, when the user onboards they can set their sizes in a set of screens.I’m trying to build a prototype where the user can select multiple sizes, and if 1 or more is selected the CTA state turns to active, if 0 the state changes to deactive, so far I’ve got this working but only on the 1st size pill in the list (UK 2 in screenshot), for some reason it doesn’t work on the rest, clicking any other size does nothing but they’re all using the same component.I’ve got 2 variables, size selected = false, CTA active = false. With conditionals of: If size select=false, on click, set size select=true and CTA active=true (and vice versa)Can anyone help how I’d achieve this? I tried adding a new variant with a size selected value>= 1 but it didn’t work, I feel like I’m on the right track with this but I can’t work it out!Design for context:  

I am new to Figma and tried to recreate a website for studying purpose, any idea on how to make a web design with responsive image background that can be resized according to the whole frame?credit to: Mossy Earth

I noticed recently that copy + paste properties (from shortcut and menu) no longer works on Auto Layout elements. e.g. I used to be able to copy use it to copy horizontal gap between items, but now I can only do this by manually entering the values. Any help on this would be greatly appreciated, as it’s sloowwwwiinnnnng me down heaps. Thanks community🙏

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...) 

 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) 

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

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

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

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.

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!

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?    

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

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

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!

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.

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? 

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?

Hey! Cant fix title 10- mb file, not gigabytes. i see that many people speak about slow figma, and in many places they discuss that 2gb of memory is not enough for them. My file is 10mb,  memory is busy on  2%, can’t understand how does it work. Error pages and logs out every few minutes in web and desktop

That is certainly not a viable approach, and if it were, I fail to see how it would function effectively. However, what I do know is that I have 120 images that need to be created as styles in Figma. The hypothetical scenario may be absurd, but let’s assume it were real.Here is how I would accomplish this without using plugins:Select an image. Click on Apply Styles and Variables. Click on the New Styles and Variables button. Switch to Styles (since images cannot be stored in variables) from the default Variables tab.(Wait—where did I saw users were forced to adopt new features? Oh, that’s right—Apple does it all the time.) Name the style and create it.So, my question is: What would it cost us to keep Variables and Styles separate?

I am a Designer with a team of Developers working with me. I want to buy subscriptions for myself and the team for us to have a smoother handover process, but I am unsure what the payment plans are like. Is it one payment that will cover all the accounts? or will we have to buy a separate subscription for each account? Is it better for us to have the professional plan or the organization plan? (The team is made of 1 Designer and 2 Developers - Could add 2 more Devs in the future) I, as a Designer, will need both Design and Dev modes while the Developers will only need Dev modeI emailed the sales team about it but I don’t know what the response times are like, so here I am :)Thanks to anyone who can provide any clarity or help! 

So i have many many whiteboards in a project, but I want to find boards that have been created by a certain person and understand board ownership.I can’t understand how to identify this, especially if I import these from another platform and invite users, board names are overlapped and there is no way to identify these board owners? How do you help identify board ownership and those it relates to?

I have been trying to find an effective way to find/replace text in bulk for Figma layer names. I am creating variants and need to change a group of layers label to make them unique. For example: theme=dark, icon=true I would like to find all layers where “icon=true” and replace the layer name text with “icon=false”. To be more specific make it so only the layers selected are affects and allow me to choose. Another feature would to be able to bulk insert/remove text into the layer titles. The built in Find/Replace in Figma fails to find every layer in the file and all the plugins I have tried are not adequate. I cannot believe I am the only person needing to do this.

Hi guys! I’m looking to buy a new laptop because my Macbook Air Intel has just not been able to run Figma efficiently. Figma is often laggy, especially when I am working while sharing my screen, and I am looking to buy a new device. What are your thoughts? Is the Pro M4 chip worth it? Will I see significance performance on Figma?