Suggest a Feature

OverviewFigma Variables are already powerful for theming and responsive behavior - but Auto Layout settings remain static. Currently, we can’t change layout direction (horizontal/vertical), item sizing (hug/fill), or alignment (space-between, center, etc.) using variables.This limits the flexibility of truly responsive components - especially in systems using mode-based logic. Current LimitationRight now, Figma only supports number-based variables in Auto Layout settings (e.g., padding, gap, min/max width). But many key layout settings require string values, and they’re not variable-compatible yet: Direction: Horizontal / Vertical Justification: Space-between / Center / Start Sizing: Hug / Fill / Fixed This makes it hard to create truly responsive components that adapt to screen size. Practical Example: Card Layout Breaks ResponsivelyTo demonstrate this limitation, I created a responsive Card component made of: Media section (image) Info section (text + tags) I used min and max v

Hey! How can I transfer the AI generated Prototype in Figma Make to Figma Design and continue editing it manually there?

My question is in the title. Can auto-emoji be disabled when typing? For example, when copy-pasting “↔” in a text field, Figma will automatically render the emoji that matches those arrows. Can this (feature?) be disabled somewhere, maybe temporarily? I looked around on https://help.figma.com/ but found nothing about.

There’s currently no way to wrap text around an object like an icon, spot illustration, or image. The only solution is to manually break the copy into 2 text boxes and add the second one underneath the icon. We had big plans for our design system to include scaled variants of components where text would need to wrap around icons and spot illustrations to save screen space. So not having this feature makes it hard to design for accessibility and see how components will scale. It’s a little tricky to get the line height right, and also means we can’t easily add scaled variants to our existing design system library. It’s also stopping us from creating a plugin where designers could stress test their designs with larger accessible fonts. Would be great if Figma could add this as a feature. Has anyone else had this issue? Is anyone using a plugin or workaround to help solve this?

Today it seems that a comment’s date/time does not update with the last reply date/time in the comment thread. This makes following comment threads kind of impossible or at least hard.E.g. if I sort comments by date I see comments from 3 days ago on top even though there are comments that have a reply more recently than that.Sorting comments by ‘unread’ is not a solution because I might click through them quickly and then they will move out of the top of the list to anywhere where they move (based on comment creation date I guess). What is the purpose of having comment threads if it’s only possible to sort them by creation date? Or am I missing something obvious?Thanks. 

This makes it easier to use components in designs for different screen sizes. And then you don’t have to calculate every time what 40% or 60% of the width is. This also makes it easier to design scalable applications that grow with the width of the screen.

This has been mentioned here: Hide layer using variables - #5 by Andreas_Braendhaugen1 Invert boolean variable for layer display - #14 by Desislava_Slavkova Inverted Boolean Property - #2 by drewcovi_usb but those topics are all closed. I am looking for the availability to HIDE a layer when a Boolean variable is TRUE and SHOW it when it is FALSE. So, the inverse of the default/current behavior. I want to do this without using components. Use case: When a variable is true, show one frame. When that same variable is false, show a different frame. I can get basically this by using two different variables: but it would be more convenient to be able to do it with just one. Just give me a Boolean toggle when the variable is used to say if the variable should be inverted or not.

I would like an option to hug content until the container it is in is too small. For instance, I am making a tab bar where the tabs are set to fill so they adjust with screen sizes. The title on each has an info icon to the right. The text has to be set to hug for the icon to stay right next to the text. However, that means if the text is long, when the tabs shrink the text extends out rather than wrapping. I would like the option to set the hugged text to wrap when it extends past the parent container without having to manually change it a each breakpoint.

Hi Figma, glad for the update so far. I just want to share an idea or you can call it a suggestion. For now we have inner shadow, drop shadow and blur for effects. What about add one more effect such as outline just like in css?

Firstly great job Figma Font variables are here!!! Figma tutorial: Variables for typography The only thing missing is the use of percentages in the line-height property. You can not use a percentage in the line-height as it only accepts variables that are a number type. Although the variables for line-height caters for pixel (absolute) line-heights (10,12,14)- it does not accommodate relative line heights. In other words you can’t use percentage variables for line heights that are a percentage of the font size (100%, 120%,150%). Interestingly …You can use a variable for letter-spacing ( which accepts a number variable - but reads it as a percentage) - the challenge remains that line heights by default are absolute not percentages - even though you can input a percentage. Percentages allow greater flexibility and less calculations Word around would be to allow formula in a variable e.g. =[variable] * 1.5 Or figuring out a way for the line height to be toggle between absolu

Right now you can only select (and therefore filter) by Library, each of which is a separate, published file. If you have multiple primitive sets or collections within a single library, then scrolling through them to find the right variable is currently an incredibly poor user-experience. Yes you can search by variable name, but this requires you to remember variable names and it does not allow you search by collection name! This is particularly bad if you are setting up multi-brand variable architecture and surely you want to make that as easy as possible right, so people will need more than 4 modes? Overall, this encourages multi-file systems (so you can filter by library), which have their pros and cons, but namely that you can’t duplicate whole projects/multi-file systems and maintain the mappings/connections.  

It would be great if dev could export without rounded corners applied and or have some export flexibilities

Hi There, consider Dev Mode in browsers.Imagine how painful the endless right-to-left mouse work would be, if the element inspector was hard-left, with the CSS panel hard right… Well, that’s Figma today An outdated concept?It seems Figma might be based on an outdated idea that if tools are spread around the work area, it’s more efficient.But in reality, that’s not how it works because we use the grabber hand to position work next to the tools. So when the tools are all on one side, there’s never any need to move to the far left - drastically reducing the daily grind. Reduce the daily grindPlease allow us to dock the left panel to the right, then dock the toolbar vertically next to it.It takes a day to get used to, but if you work long days, you can’t go back because most of the time, you’re only moving the mouse across half the screen… Here’s a Photoshop example… And a Figma mockup… Spare a though for all of us working long hours on large displays! Hope that all makes sense.Similar req

For many years, I’ve been working as a designer, accumulating over 10 years of experience using almost all Adobe products. Now, I’ve transitioned to Figma, as it’s an excellent tool not only for prototyping but much more. I’ve encountered an issue that might be of concern not just to me, but to others as well. Specifically, it’s about the placement of the two most important panels, namely the “Layers” and “Properties” panels, on opposite sides of the screen. I have a 34-inch monitor, and Figma is open in full-screen mode. However, when I need to perform actions on a specific set of layers, I find myself moving the cursor across the vast screen from left to right. Now, imagine needing to perform 10 or more consecutive actions like this. A significant portion of time is spent simply moving the cursor back and forth across the screen, along with the physical strain of repeatedly shifting focus and aiming at small buttons. It’s an ordeal and a waste of time on unnecessary actions. The solu

Hi, Figma community! It would be great to support dotted/dashed underlines in Figma. In CSS, it’s supported through the text-decoration-style attribute - see [text-decoration-style - CSS: Cascading Style Sheets | MDN]. Please vote 👍 👍 👍 for this feature! We hope to see it supported one day in Figma. 🥳

FigJam should have vertical alignment of text (Top, Middle, Bottom) in the table.

When using Auto Layout for an entire page flow, not everything is spaced equally. For example, imagine a page like: Toolbar Heading Paragraph Input Button To put all of these into a single Auto Layout and give equal spacing to all of it is not typically how it’d work (eg, Toolbar + Heading might be close together, but more spacing around above and below the Input). To use the benefits of Auto Layout, I wrap these objects into their own Auto Layout frames and then use the padding within these nested frames to create the spacing between elements. It’d be great to be able to apply margins to objects (like text frames or other frames) without having to first nest them into their own individual frames. This would be closer to how CSS typically works as text elements (h1, h2, p, …) don’t need to be nested in a div to have margin added to them.

it would be game changer to be able to export generated artefacts with figma make to figma design  

Currently, when copying ChatGPT content into Figma, it does not carry over the formatting. It copys the ChatGPT formatting as markdown, but Figma does not convert the markdown back into formatted styles. It would be helpful for Figma to recognize markdown and convert it into styles when pasting content.

I would love to be able to create one prototype across the pages in a file that resembles an actual website. This would be ideal for bigger projects and would be easier to maintain as well. We can connect the component libraries across all the pages anyways. A way to connect the prototype would be great in my opinion and that will give Figma a big leg up on other platforms. What do you guys think?

There is a variable option for text strings that pulls in the value of a variable. I would like to an option to apply a variable name to a text string. This would allow my design system documentation to be dynamic based on the changes I make to the variable names. I used this option in Tokens Studio and it was incredibly useful.

Right now there is no simple way to have a conversation with an LLM about a set of designs (Page/File/selected amount of artboards) in Figma. Copying/pasting screenshots is not feasible because a screenshot big enough to capture the contents of a page in figma would be way too large to paste into an LLM. Use cases: As a designer, I’m being onboarded onto a complex project and want to get up to speed as quickly as possible. I can chat with an LLM about the PRD, but not about a Figma file. It would be great if an LLM could natively scan page page or entire file and allow me to ask questions about the file without me scanning every single artboard manually to start.  I want to get feedback on a user flow/design/set of designs. This would be a big unlock because I think that AI is good at exploring the solution space for a problem when properly described/articulated but it’s a very manual time-consuming process because there is no visual element to it.  This could serve as a starting point

Ability to color code at the project level for easier PMO

Thumbnails will not be updated (or not predictably anyway) in the project gallery unless you perform Restore default thumbnail + Set as thumbnail sequence on the wanted frame. This problem has been around forever, would be great to finally fix it as it is pretty annoying. Found this ticket describing it, which was closed sadly: My new thumbnail didn't refresh even after waiting 8h how to force refresh?