Suggest a Feature

Hi, I’m not sure if this is new since the May update, but I wonder why “empty” (all elements hidden) Auto Layout Frames keep the size of the last hidden child (and I do not mean last in the list, but the last element to have been toggled out of view by the user), making them not-0px high even with nothing in them. See here a file with a Frame with three hidden rectangle: the Frame keeps the size of the last child rectangle to have been hidden. When adding a 0-px Frame to the AL frame, and toggling this 0-px Frame off last, the container goes 0-px. In my opinion, empty AL Frames should have a height of 0. What do you think?

new AI agent “describe your idea” icon/text box feature when i click on an instance/frame in my design is a bit intrusive - little star icon gets in the way when i’m trying to adjust my design manually. maybe limiting it to the right click menu or simply creating a new hotkey would be better? also, telling this agent what to do is a miserable experience that usually just frustrates me back into doing the design myself as it is literally faster than typing it out. have seen a lot of feedback similar to this as well here.

Please include REM as a mode of measurement as it is becoming more and more used by developers. Having to manually convert the measurement is so tedious.

If I use the eyedropper to select a hex color value on an element and then go to my libraries to find a matching color style for it, display the closest matching library styles to that hex # at the top of the library list rather than make the user search through the list (useful for new design system designers who want to learn the system, have many variations of a gray in their system, and do not want to continuously search and break styles to view and manually match hex codes).

I typically like sorting by alphabetical, but it keeps defaulting to last modified. This is because we have multiple designers working from a project file, so last modified is not alway the last file I worked on. Alphabetical system works better for our team.

I was thinking about that when I started a meet while I was working in other project, And I catch me looking to five or six tabs about two different projects and wondering this question, “why not group this tabs by project? Oh, yes… I’m in the app, not in the browser”

We use fontawesome pro packages in our design system and has a auth token for it. However it's a struggle getting the design system packages to install in figma make, because it looks like figma sandbox resets .npmrc start of each session losing the fontawesome token causing pnpm install to fail.An option to provide custom registry with authToken would be great.

There are 2 organizational things that I’ve been really wanting since starting to use Figma:Tab Groups: As someone who has a ton of different projects/clients, I would love to have the ability to group my open Figma files into tab groups. It would be amazing to be able to have a bunch of my projects open without overwhelming crowding in the tab bar. This could be similar to browser tab groups. Page Groups: Creating design systems is complex and super layered!! It would be extremely helpful to be able to group pages within a file or be able to establish parent and child pages.I know this is not the first time these things have been requested, but I’m hoping they could be added as a quality of life update in the near future!

If you open a lot of projects the tab strip gets crowded. Chromium browsers solved this by allowing to group tabs, maybe Figma could do the same ?

In Figma desktop, it would be super helpful to group to tag different tabs. With many files open it is hard to find and organize the tabs I am working on. I often have around 20 tabs open. Similar to how chrome groups tabs. 

As an UX designer, I often need to get my wireframes into device mockups to showcase them into a presentation deck for clients led by our sales teams. To do so, I like to screengrab the prototype view because it’s already inside a device mockup. I’d like to be able to export the prototype view in the same way as we can export frames in the design view. This way, I’d save time by not having to take screenshots, build device mockups, and resize them so that they’re all the same size when presenting multiple screens side by side. Similarly, being able to export a gif or other video format of a prototype in action will be brilliant. Right now, I need to record my screen while I’m demoing the prototype and then convert it to a gif so I can insert it into my google slides.

Currently Figma only allows scrolling to objects within the same frame. This makes difficult to hyperlink to a particular location in a different frame. E.g. when making the main navigation menu in a website to navigate to specific headings in a different page

When inserting a component, I want to prioritize inserting a local component rather than one from another library.For example, if I want to use a TextInput component, I want the local version. That’s why I filter by “Created in this file”:The problem is that this preference is not saved. So whenever I want to insert again, I have to:open the insert dialog type “TextInput” grab the mouse open the dropdown select “Created in this file”This gets annoying when wanting to insert multiple components, or multiple instances of the same component. If not for that dropdown selection, I could do it with the keyboard only. Now I have to switch from keyboard to mouse and sometimes keyboard again.You might ask “Why add an external library if you’re not going to use its components?”.

Hi there. I’m loving the Chrome Extension so far, but would love it if there was some functionality to refine a selection to copy, similar to what the https://paper.design Chrome extension does to “fine tune the target”. This makes it easier to capture exactly what I want rather than capture a container element with the element inside it then extract it in Figma. I know doing this is not a big deal but the change would be a nice quality of life improvement.

Currently, corners can only be rounded at whatever size you set. However, it would be great if you could set different styles of corners such as inverted rounded or chamfer as you can in Illustrator. The goal would be to create a style like the image below:

To design for responsive web, we need the ability to use layout grids and percentages for widths of frames. For example: width=50%, or width=6 columns of the defined layout

Frames should support a max width defined as a percentage of their parent frame.I run into the same scenario repeatedly: I have several frames in a composition set to hug their contents, so the parent frame wraps them once they grow past its width. The problem is:When a frame is set to hug, max width only accepts px values, which isn't responsive. If I switch it to fill, the parent container never wraps it, because the frame no longer has an intrinsic width.So the min and max width/height on auto layout children only accept pixel values, this makes them break down in responsive compositions, since a px cap doesn't adapt when the parent resizes.The suggestion here is allowing percentages making these constraints behave the way they do in CSS, so you can use values like max-width: 100% or min-width: 50%Today the only workarounds are hardcoded px values or restructuring layers, both of whi

Right now, when a parent component changes its properties or variants, the Slot inside it keeps its content and ignores those changes.While I love using slots for the flexibility to add custom elements, there are many times when I also need that slot to automatically adapt to the active variant's styling or layout. It would be amazing to have an option or a toggle that lets Slot behavior sync with variant changes  

Hi! Has the canvas panning keyboard shortcuts changed recently? I use Ctrl+Space+scroll wheel to pan and zoom the canvas but now that keyboard shortcut puts me into a Keyboard picking mode. Is this new? It really gets in the way of working.

I use Sections as an organizing structure for all the prototyped pages in my project. When I am prototyping and creating links, seeing all the Section names is really cumbersome because they make the list long, and I will never want to link to them.It would be nice to have an option to exclude them from the list of linkable 'pages' — similar to constraints for variables.

Suppose I own a file but I want to change/hand over the file to my teammate which I can not do by myself. The other teammate who is going to access has difficulty for those files after removing the email id from which the file has been created. The idea is that the actual file owner should have access/option to change the ownership of the file so that it can be easily accessible to other teammates. Or there can be multiple owners of the file (Max 2-3). Please have a look at the statement mentioned. Thank you!

ProblemCurrently, Figma does not allow designers to create a reusable style for link-like or inline action text.Text Styles in Figma mainly control typography properties such as: Font family Size Line height Letter spacing However, common link or inline action properties like: Text color Font weight variation Underline / decoration intent cannot be defined as a reusable style and applied consistently across files.As a result, designers either: Manually restyle text every time, or Convert text into a component, which is not ideal for inline usage inside paragraphs or labels. ExampleA typical UI pattern:“By continuing, you agree to the Terms & Conditions.”

Currently check designs suggests the wrong tokens even though I have explicit names for tokens.For example, it tells me I’m using a hardcoded value for a horizontal or vertical gap, fine, but it suggests a border radius token or border width token. Meanwhile, I have tokens called “spacing” that could be suggested.Same thing for corner radius adjustments, it suggests border widths even though I have border radius tokens.Is there a way to configure this if we can’t get the “smart” version yet?Thanks ! :) ps: the feature is really nice by the way and already saves a ton of time ! 

Currently, if you copy + paste a figjam flow into a Design file, the Connector Lines stay fully functional – they stretch and adapt as you move their origins and destinations around the canvas, and you can move their origins and destinations to your frames, components, etc. I’ve been using this to show user flows within my UI designs, not only for ease of sharing with other teammates (no need to give in-depth walkthroughs), but also for easily identifying missing states within a flow. It would be great if a) the Connector Line was added as a tool to Figma Design, or b) basic lines and pen vectors had the option to act as connector lines – attaching to anchor points on objects and components, scaling when the endpoints were moved, and able to be adjusted with mid-line handles.