Suggest a Feature

People have been complaining about this for years. I have to add ® and ™ to strings of text in my artboards. The superscript version of the character must be the same size as the rest of the text string, or it will not be vertically aligned properly with the rest of the text. The ®™ symbols are much too large, especially in headlines, but if you reduce the font size of that character, it drops down too low and is no longer in the superscript position. In Sketch or any other proper app, you can adjust the baseline of the specific character (baseline shift) so that you can re-align it properly. You can EASILY accomplish this in CSS and create specific styling for the “sup” tag which handles this in code. Why is it nearly impossible to replicate what is easy in any other app in Figma? I’ve seen people complaining about this since 2018, so I take that as an assumption that Figma will never fix this issue? The only way to get a properly aligned and sized ® or ™ in a line of text is to creat

My suggestions is to allow users to include annotations and / or measurements  when they export images. Seems that we can’t currently do thisThe user benefits –allows users to share images with annotations and measurements when creating images to be shared wither wider stakeholders and creating documentation for other platforms. If we can’t export annotations and measurements, then for those instances requiring annotations in an export as an image, users won’t use the annotations feature, and revert to creating “Notes” manuallyHope this makes sense

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.

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?”. Well a library can have hundreds of components and you only want to use a subset in this file. But for some components like a TextInput, you want the local version, not the library one.Anyway, I feel like saving the prev

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: Does anyone use a plugin to achieve this effect?

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 which fall apart as soon as the composition needs to respond to different widths.

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  

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.”Here, “Terms & Conditions” is an inline text link that needs: A specific color token Slightly different font weight Optional underline or visual emphasis Today, this styling has to be applied manually each time, which makes consistency difficult in large design systems.Suggested ImprovementIntroduce a way to crea

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.

Khi tôi gõ  >= hoặc =<, tôi rất kỳ vọng Figma có thể tự động chuyển nó thành ≥ và ≤

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.