Suggest a Feature

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?

Hello!! Sometimes, it's necessary to consolidate several design files, as different files contain varying flows. However, the section remains the same. When a project has many files, locating the specific flows for one section can be challenging.Example 

Now that Figma has local variables and modes, is there a way that a component instance variant can changed based on mode? Basically, I have it set up so that when I define my main frame as ‘desktop’ mode, the margins are 32, and when ‘mobile’ mode is chosen they are 16 which is great. However I also have a nav bar, which is very different between desktop and mobile. Previously, i’d create two component variants, (desktop and mobile, but this means I have to change it on every screen manually. Ideally I’d like variants to swap out based on mode (or even frame width)

Dear Figma Team,I hope this message finds you well. I am writing to request the implementation of a new feature that would significantly improve the filtering capabilities within Figma's file history.Currently, the file history provides a useful overview of changes made to a file over time. However, I believe there is an opportunity to make this feature even more powerful and efficient by introducing additional filtering options.Specifically, I would like to propose the ability to filter file history entries not only by the user who made the changes, but also by the type of modification. For example, it would be incredibly helpful to be able to quickly identify all the "additions" made to a file, as well as any "dev mode" or other specialized changes.Furthermore, I suggest allowing users to filter file history based on other users who have interacted with the file. This would enable us to easily track the collaborative efforts and contributions of the ent

I’ve given view access to files to a lot of stakeholders, and we’ve recently found that a lot of old, resolved comments between the design team have been reopened. We’re also now wondering if any have been closed without us knowing!As we use the comments to track our ideas and to-dos in situ, it would be beneficial to know who is closing and reopening these (like what you’d see in Google Docs, for example) so that we can track activity and also speak to anyone who might be doing this erroneously. 

When one of my design system assets is invalid, it’s barely visible at the moment of publishing that it’s invalid and it will usually take me a few minutes to notice what’s wrong since it doesn’t look any different from usual publishing at first glance. Having a warning that’s highlighted and look different from usual on the publishing modal would help a lot. Thank you!

Hi! Long time listener, first time caller – I have a small detail quality-of-life suggestion: Currently:Arrowheads currently adopt the angle of the point at which they connect to the line. This often leads to arrows being “ugly”, due to big variations in the optical spacing between arrow head ends, and the line with which they are connected.Proposal:Make the arrowheads “aware of what was before the final point of the line”, and adjust the angle of the arrowhead so that the optical alignment becomes a bit nicer. I don’t know exactly what math magic is needed for this, but I’m sure more smart people than me can work it out, if you agree with the issue.Thanks, take care! 🙌 Example of the current arrowhead im

Hi, Is there any option to select specific characters in multiple text fields? For example I have to change every “a” character to be blue. I know I can use Find and Replace to find the characters, but I have to go one by one to change the color. If you have any idea how might i do it, please let me know 🙂 Thanks in advance

When I’m in the Prototype dialog (see attached screenshot) and want to select a Frame to navigate to, the menu that pops up truncates the names of top-level frames. It would make my life simpler if this menu auto-sized its width so I could see the entire name of all top-level frames on the page as I use a naming system that is quite lengthy, but useful to me.

Am curious if there’s an easy way to exclude the second fallback parameter from any css custom properties displayed within the dev inspector? Our dev team will not utilize the fallback values, and is hoping to sync these variables 1:1 with the css custom properties defined within the codebase. We’re aware we can manually edit the variable and exclude the second parameter, but would love if there were a way to make this the default behavior.i.e. we would prefer color: var(--primary-100) over color: var(--primary-100, #f3f3f3) as a default if possible.

Other website builder are really bad and the UI designed in Figma cannot be implemented of those builder so . I think a Figma website builder with all the Figma features would be really nice

 Could you make these two icons slightly different?I know I can unpack the ASAR and edit the tray icons manually, but it would be great if they were distinct by default.Thanks!

When you create a new document, you cannot currently add it to a new folder or project directly from that file. You have to return to the home screen then create the new project, THEN add it. It would be much more intuitive to add the folder when organising the file from… The file itself.

When designing components, variants may exist that are optimised for different breakpoints, or parent frame dimensions (e.g. a search icon when space is limited, but a search icon+textfield when more spacious)Within an enterprise, it is difficult to communicate the rules around the variant styles to use, and then ensure they are being adhered to.Could max-min widths be set on components, so that when used in designs, the instance automatically show the correct variant.Ideally this would have some enterprise governance, so that in some cases, the designer can over-ride the variant used, and in other cases, can’t. 

The new responsive prototyping tool allows prototypes to show one single layout, within the min & max constraints set.However, it is usual to design other layouts for other breakpoints.I’d like layouts to be linked - so that the prototype fully adapts, and switched layouts as the screen gets wider/narrower (or shorter/taller if desired).My ideas are there’s two ways this could be made easyBy using a naming convention of screens. Eg. Layout 0px, Layout 720px, Layout 1400px By linking the screens in the prototyping settings E.g. Instead of setting ‘Click’, you could choose ‘Screen width’ and set the width when to switch to the new layout

Hi!I would like to add a tag to the components in the design system library.Normally, all the components we have in Figma are also developed. However, in some cases, we create components specifically to facilitate the design team's work, even though they are not part of the design system as developed components.Instead of separating these complementary components into a separate library, our idea is to maintain a single library so that designers can access all resources from one place.Here as an example of the idea.I hope it can help more teams.  

Not sure if this has been been covered so apologises if it has! I did search but couldn’t find anything.We are manufacturing our own product/device and I use Figma for prototyping the screens that go onto it. To give a better visual presentation to stakeholders within the company I work for, it would be useful to be able to upload our device image (as a png with the screen removed) so when I show UX/UI flows with prototyping they get a better sense of what it looks like in situ on our product/device.  

Why doesn’t autolayout support inline layout This kind of design of including rich text elements (spans), icons, emojis, chips, and images inside a block of text is becoming increasingly popular and seems like it would be straightforward to implement. Im currently contemplating building a Figma plugin that would split a text block into individual words, then wrap them in a ‘Wrap’ auto-layout frame. This way you could insert arbitrary elements inside the text. @Figma pls

Suggestion for the Ask the Community Forum:I've come across multiple threads where users faced similar issues, but by the time I found them, the discussions were already closed. This wastes valuable time when troubleshooting quick issues.I get that storing excessive information isn't ideal, and many problems do repeat. However, Figma is used by a diverse global audience with varying English proficiency, professional backgrounds, and software literacy. What seems like an "obvious" question might not be so obvious to everyone.Would it be possible to keep threads open for a set amount of time before closing or removing them? This could help more users find solutions efficiently.

I want to connect variables with my sizes (e.g. 2.9, 3.9,0.2) to the scaling feature. Is there any workaround right know or a plan to integrate this feature?  

Hi, I’m building tables in the form cells » rows » columns » tables. 1.) This really feels like it needs to be a built in feature within native figma? 2.) My issue right now is how properties nest and aggregate as I build the parent component. Ultimately, it would be great if somehow figma noticed when multiple child components with the same properties are aggregated in a frame so that you can keep properties simple and functional as you nest. For example, when I nest cells into rows, I’d have to select 9+ components to nest if I want to include the cells component set’s properties. Of course I do not do this because it would create a loooooooong scroll in the UI. This results in have to click through several layers to get to the cell level when I’m trying to make relative simple changes at the column and table level. So, when I have the same cell in rows, I really need the properties to be aggregated so that way I can nest at the top parent lev

It would be convenient to only associate the plugin to some issue types so that the button “Add design” and the “Design” section itself would not show up on all issues. 

The design panel moving as you are working with different elements can be very frustrating at times. I find myself looking for width and height which jumps around depending on what is selected. Can we please be able to lock certain stats in place?

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”