Suggest a Feature

I suggest having this feature in Figma since we are on a paid plan. Especially when we have so many frames/screens to be exported (eg. 170+) it’s a really huge filesize. And it’s not allowed to use an external PDF compressor platform when our projects are confidential. So far, I can only convert the frames into individual PNGs/JPGs, replace the frames with these image files, and export them into PDF. This is so time-consuming and troublesome.

It is now very unclear to see which files a person has access to. When a user has access to a specific file, you can’t see it anywhere in the admin page. It’s not very user friendly. I remember it being there in an earlier version, so please just bring that back. The files a user has access to should be shown in the sidepanel when selecting a user.   

When working with SVG assets within a design system we’re often using named color variables that are part of the design system so that our designs support different color modes (light, dark etc) it would be super helpful if there was some way for these variables made their way into the SVG code (with a fallback for situations or usages where the variable may not exist) So in your SVG export instead of this: <rect x="0.331604" y="0.717941" width="20.9977" height="20.9977" fill="#ffffff"/> you’d get something like this <rect x="0.331604" y="0.717941" width="20.9977" height="20.9977" fill="var(--color-background, #ffffff)"/> which would then be able to be able to be dynamically changed based on what is being set for --color-background in the consuming web app.

recurrent use case. For those who also develop, its a life save to quickly be able to copy the svg code. There is also a repeated use case where devs will ask for it. This used to be possible, but now my only recourse is to export, open in an IDE, copy+paste… I looked for this in dev mode but can’t find it there either.

How can we specify the design component code that the AI should be using? In the Attributions.md file, it says:This Figma Make file includes components from [shadcn/ui](https://ui.shadcn.com/) used under [MIT license](https://github.com/shadcn-ui/ui/blob/main/LICENSE.md). We don’t want an AI’s transformation of shadcn components into what looks like our design components. We want to use our actual design components to limit the number of ways the AI can miss interpret the designs it is prototyping to reduce variation errors between prompts.For example, I can give the AI the same prompt, and it will give me different designs when it’s re-interpreting the shadcn→design components every time.Generating code that is already aligned with our design components is also more useful for engineering workflows to convert the prototype into PR’s.It should also import the guidelines file properly fr

First off. Yes, we all love variables. Secondly, this may have been discussed before, but it might be worth repeating. Also, I’m a bit frustrated so I’m sorry if I gripe a bit. Components need to have their own instanced variables. It is so time consuming having to set up a brand new variable collection for every component that uses variables, in every file. The way my team and I thought we could use variables is to set up the basic variable structure for a component in our library, then be able to adjust the value of the component for each instance. This would have so many use cases, and would honestly make my life so much easier. The current reality is that, when we set up a variable collection in a library, we are stuck with those values for all eternity. No way to change them unless I wanted to make a new variable collection in the file I’m working in and map them to the library variables (which I don’t even know if you can do because Fi

The background color of the Review updates window does not allow the current and updated components to be compared depending on the color of the components. In example below I am using Figma in dark mode and trying to compare two components that have black text. I am unable to do so because the dark text of the component is not readable on the dark background of the Figma UI. This can be resolved if Fi

I regularly prototype using two desktop screens - I like to design with a prototype open at all times to see it in context to it’s actual size. I love the mobile app mirroring feature because it’s easy to select frames and have the prototype view update dynamically. It would be so so awesome to have a similar mirror feature for desktop, where you have a prototype window as the ‘mirror’ that dynamically updates based on the frame that you select in a separate window. Has anyone else wanted something like this?!

Currently, dashed strokes have ‘trimmed caps’. Is there a way to have all dashes with the same length? Example:

When defining variables (specially numeric ones) there is no way to specify the units.For example a value 16 could be pixels but could be also cm or any other unit. When you consume Figma variables using an API you need to guess which unit is applicable based on the variable name, scope etc., instead of just getting the unit from the API. Is it anything on the roadmap to cover this feature?

Sometimes a particular boolean variable can affect several layers. And some of that layers may require inverted visibility state. E.g. Layer 1 is visible when the variable is truthy and Layer 2 is visible when the same varaible is falsy. Let’s say, we have a multiselect field with a dropdown. When we select the first option, it should be added into the input as a label (label layer becomes visible). But also this option should be removed from the dropdown list as it’s no longer availiable for selection (option layer becomes hidden). So, both states depend on the same variable, but their conditions are inverted. It would be nice to have some negation operator when applying a varaible. Kinda logical not (!) in JS: ! isSelected. Or just allow us to apply boolean expressions as we do in prototypes , e.g. isSelected != true.

Hello, In my design system, I would like to map a container variable that would be a fixed value in desktop but a fill container in mobile.  I tried by setting a fixed value of 0 get the attention of the designers in order to make them change the value on their own but is there a way to automate this directly in the variable? I understand that this is not how variables are working but if there’s a workaround or a way to fix this, I’m taking it <3 Thanks ! 

It would be helpful if we could pick from existing variables when naming a new variant property maybe through a dropdown or suggestion list to avoid name mismatches and improve speed. 

Management of Dev Resource links is critical in our design systems. We are developing a multi-brand design system at Thryv that supports both React and Vue.js, and need to add resource links to a composed Storybook which documents a lot of components.Dev resource links are not editable from branches. We have our main file set to view-only so that design contributors have to branch to work for system integrity. They can’t add the dev resource links as part of their definition of done, putting the weight of that responsibility on the owner(s). Dev resource links can’t be automated easily for repititious components like illustrations that may all use a shared resource, but each component needs a link (and yes, I understand variants -- they are not appropriate for this circumstance). Between being an Electron app and lacking standard accessibility controls, hidden buttons that reveal on hover, and the links themselves changing positions after being

For sales or anybody that want to show data about his product or company, it would be cool to be able to add line charts or pie chart easily. Right now we need to edit it ourself, but non designers would not be confortable to ajust it. It will be fun to have a tool to create chart where we just have to put our data and it create the chart.

My life will get easy if there will be animated zoom in Figma like:While Holding “Spacebar” then clicking “Ctrl” we get magnifying icon already but can we drag the mouse to left/right to Zoom In & Zoom Out.Rightnow, we have to drag multiple times to zoom out and while holding 3 buttons at a time (Spacebar + CTRL + ALT). In zoom in case we can make a selection in that particular area we wanna focus at but it gets hard to use this feature while zooming out😕

I am trying to use the new annotation tool in Dev Mode. I have 2 questions: I have made annotations on a frame in a Figma project. When I move this frame to another project, the annotations do not move. Is there a way to move the annotations too? During annotating frames, is it possible to annotate multiple components/frames together?

the idea is simple. often times I am creating a design, in witch two objects share a curve/edge, but have a different fill color. the only way to make the different fill color is to create two separate objects, but then later on if you have to edit the line you have to edit all instances of the object. or sometimes I have the same object that I want two different fill colors on, and again I have to make two separate objects. the same goes for strokes. so, I sujust that there be some way to within one object have totally different fills and strokes. there is already a way to have multiple fills, but they only layer on top of each other with different opacities, and same with strokes. I think that the different fills and things could be added using this same UI, witch would also allow the mixing of different fills as well. you could also apply / remove the different fills to different area using something similar to the new paint / bucket fill tool. anyways, I know th

Currently, when using variables, in the settings you can’t select wether you want a value (for example, padding-sm) to apply to just the padding or the gap of an auto layout. Which means that when you want to select a gap variable, it shows all the padding values as well. Can we get a setting for this?

It’s a great idea when I start a dialogue in Figma with other designers to give them the opportunity to invite them into the conversation. Some kind of sound signal or popup so that they can hear that I am calling them to talk 🤙. like a phone call. accept or reject. Only for participants who are currently working in the same file. But in the future it is possible to call me to a specific file and talk there. And I will immediately get into the conversation on the file that I am invited to. Because every time I go to a private chat on Telegram or Skype and ask them to talk to me in Figma.

In Figjam, I would like to give URL linking to image that I do use in flow chart. Anyone know how to do this as its a small but useful feature. 

I think you are on the right track with Figma Make with the recent feature of being able to select a design system library. However, if you take this a few more steps I think you might have something:Expand the definition of a Figma design library object to include design system concerns including: design components, design tokens, and guidelines (general usage, component usage, accessibility compliance, motion, etc.) - similar to what you can add to the Guidelines.md file. Allow designers to edit all of these concerns in Figma, attaching them to their design system. When the user selects a design library in Figma Make all of those concerns come with it. Think of it as a schema or blueprint for building components and applications. Provide the ability to connect to existing production (React, Angular, Web Components, etc.) components in GitHub so that designer prototypes are rendered with a very high level of accuracy and fidelity. Alt

I am an Admin within my organization and love that I am able to filter within the “People” tab, but wish I had the ability to select multiple options under each. For example, I often want to look at Full, Dev, and Collab under seat types as I do not need to see “View” seat types. But I am only able to select one of these at a time and then need to unselect and select the next one.   

My colleague was relying on version history and started flattening shapes for an illustration. It would be great when you select flatten from the menu that Figma would save the state before executing the flatten action.

A very common way for me to share motion prototypes in an accessible way across my org is dropping it into a deck in Google Slides. I’ve found the best way to do this is to create a prototype (device: none), screen record that prototype using QuickTime, and then convert the .mov to a .gif using GIF Brewery 3. This process works pretty well. The primary downside is that the only way to get a touch cursor in the prototype is to set the device to a mobile device, which then includes the device chrome. This is not ideal for screen recording and creating a .gif as it increases the file and image size. A simple way of solving this would be to include cursor settings in top-level prototype settings that includes a choice of either a touch cursor or a pointer cursor (this is similar to how Principle does it: View->Toggle Preview Cursor Type). While this would solve for my specific use case, I also think it allows people to create more robust prototypes for touch devices tha