Suggest a Feature

I would like to be able to set global variables in a component library (for example, for callouts), then use those components in other files and control variables used in those components from the Local Variables panel. For example, I could create a “callout” component in a library, add that component to multiple screens in a file, then use the component’s boolean global variable to turn all instances of that component on and off at once. I’d like to toggle this variable in design/dev mode, not in prototype mode.

It would be awesome if, when a Frame is selected, all of it’s child layers’ interactions could be listed in the right side panel as well. This would make it easier for us to track down where interactions are being set, especially when designs are shared between designers and it’s not immediately apparent which layer/element has the interaction.

While we set to expose nested instance’s property, we can easily adjust them in the property panel. As I try to get the exposed instance’s property through plugin api, my method is to get all exposed instances of one node, and read their componentProperties each. Now here’s the problem, I discover that every nested instance (no matter what parent they’re under) is in the top instance’s exposedInstance property. It’s kind of hard to sort them out to be of right nesting structure and in my case I need the right structure. So I think if we could get exposed instances’ property by their structure through api, while not breaking the property panel (cuz adjusting them all in the top level is easy), that’ll be more convenient.

This will save some tedious typing in some cases.

I like to design while only looking at the screen I’m designing, but Figma makes it hard to focus because there’s lots of element in the canvas. I’d love to be able to remove the tab bar at the top, the blue selection around layers, all the drag handles, the resize handles, the auto-layout borders, etc. Sketch makes it possible to have nothing else than your work on screen and that’s very comfortable to polish the details of a production, work on shadows, find the right alignment, etc.

Is it possible to update and export frames from multiple files without opening each file? I have a large set of detailed map graphics. Each map has it’s own dedicated .fig file that includes the frames appropriately set up for export. Each map is made of elements tied to shared color variables and components from a shared library. When I update then publish those variables or components naturally the frames in the working files update but only after I open the file > review updates > update changes > then export all the frames in the file. I’d need to do that for hundreds of files. I’d like to be able to somehow “batch update” then “batch export” these files. Perhaps a plugin? I understand this can be accomplished by having the entire library of maps in a single .fig file, then export all frames from there at once, but for various reasons I’d like to keep each map as it’s own separate file.

The Layout grid is one of the great innovations in Figma. However, little has happened to the feature for years. I’d love to see the following upgrades: Allowing variables for sizing and other settings. Being able to name the rows and columns inside a layout grid style for quicker reference. For example baseline, modules, etc. Allowing adding several grid styles to one frame. That way one could organize the grids into baselines, modules, spatial zones, etc, and turn them off and on depending on what you are working on. Being able to use percentages for margins.

I’m experiencing an issue with the ‘Section’ quick command… Problem I find that the quick command for this feature is being applied when I’m not intending it to be — It’s impacting workflow and causing confusion across our design team. My POV I feel like the quick command for this feature is less important as it’s required after exploration/discovery. Is anyone else having an issue with this?

I have a lot of working pages, they are named by the user story number. So in one design file usually I used it for some sprint, and inside of it, there are so many pages (user story with the number). So please, help me with this, I need to search file or name, or anything freely on search bar… so I mean, i can use search bar in the Homepage to search not only for files, teams, or people, but also for search what’s inside the pages. 🙏

I wonder if I would be the only one with this need, but I’me playing around with the variables and the modes. I’m using the to set up light and dark mode. And I have a specific case where: page frame - is set to light mode content black frame - is set to dark mode (you could name it inverted or dark variant) The need is to have an option where you can set to allow automatic changes to either: Option 1: page frame - is set to dark mode content black frame - stays in dark mode (previous preset) Option 2: page frame - is set to dark mode content black frame - is set to light mode automatically (as a result of the automatic switch) The need is to determine the dark variant behavior when switching from light to dark mode. Interested in your feedback on this feature?

Currently, exposed properties are not visible in the component playground of the development mode. Only the parent properties are displayed. This poses the risk of developers overlooking the intended capabilities of components. This is especially a problem with heavy nesting and when designers use the base component method. If nested components or their properties were visible, this would be a huge improvement in terms of usability, as developers would no longer have to select each nested element individually. Side panel in design mode: -vs- Component playground: … due to nesting. See structure:

Feature Request: Ability to turn off guides, separate from rulers of course. Hide guides Ask the community Figma should have a way to turn off / hide the guides, without having to deleting them overall

Same as in photoshop, fireworks, CSS. Being able to Skew an object has been industry standard for years… I remember it back in Adobe Fireworks CS4. Should be a simple implementation imo?

The way “on mouse leave” behaves is a bit problematic in some cases. Let’s say i have a component that has two states. Default, Active. Active leads to default on Mouse Leave. If i set the component to active on a page, as soon as i move the mouse around without even reaching that component the mouse Leave will trigger. I imagine that it would be more logical given the name of the interaction that Mouse leave triggers only after my mouse was on the component. Since i haven’t “left” the area because i was never on it. May be two separate interactions would be interesting : On Mouse out (triggers all the time when you’re not on the element) On Mouse leave (only triggers after interacting, leaving, with the element). Right now we’re paining our head on a projet because of this with menu elements that need to be opened and reduce in size after the first interaction. The way it works now forces extra (unnecessary variants).

Please create a shortcut to center multiple layers to their frame

Problem: A big list of options in the “Assign Variable” dropdown menu with different collection lists. Idea: Add the ability to show/hide a collection from assigning at the right sidebar, local variables. So Primitives collection will be shown only in Local variables (in Theme collection) and in the right sidebar in the “Assign Variable” dropdown menu, I will see only the list from my Theme collection.

Hi! I have a long-running pain point with Figma—I work on pretty complex flows and like to organise screens into flows by putting frames within larger frames. I run into a problem with the eng team I work with because links to the individual frames nested in the larger frame don’t work and just point to the parent frame. Is there any way to link to subframes?

Please give precision size and angle control for Curvature control handles

Just widget improvement and idea hopefully a Figjam Timer can add background music for example (lofi.co or spotify playlist) Doing a workshop like wireframing and ideating ideas with almost 10 to 20 mins it’s helpful to add background music.

When I use the copy svg function in order to bring my prototypes into Figma, functionality breaks, icons also and images disappear. Adobe XD allows working with Figma but Figma doesn’t . ie cross working from adobe xd, illustrator and photoshop copy paste and contrl v don’t work. Since Figma is now owned by Adobe, I’d think you would make it adaptable with all the other adobe software. Please change

I love the new feature that allows multiple prototypes per page. One issue I’m having with it, is it assumes I want everything to be a new flow starting point each time I don’t link something from the first flow starting page. It has a very linear mindset. When I work/prototype I tend to work on a section, then link it back and that creates many flow starting points on accident and I have to delete them. It’d be nice if either - it only created the first one, and doesn’t assume you want many or there’s some kinda preference/setting where I can turn it off. Do other people delete starting points or have work arounds? Or is there a preference/setting I’m missing where I can turn it off?

Hi all. Managing variables can be challenging when you deal with huge design systems that involve tokens. One challenge I’ve been facing is to identify which variable ( from which collection ) has been applied to an element, as they look all the same on the ‘‘selection colors’’ panel and names are always trimmed due to limited space available. I’m wondering if assigning a color to a variable collection that will reflect on the ‘‘pill’’ background on the right panel would help to visually identify which collection has been used.

Hello everyone. I’m working on a complex color tokens system which needs a lot of collections ( Primitives, System, Modes, Themes, Components ) and the variable panel gets so big that it covers 80% of my workspace. It would be good if we could drag the panel outside the workspace ( more or less like we manage file tabs ). Also, browsing the panel is quite hard as it resizes randomly hiding relevant elements, does not scroll properly at times, and names are often trimmed due to limited space allocated ( token names are likely to be quite long so I think this issue will remain ). Just a bit of feedback on an otherwise brilliant feature! Thank you!

The original post timed out after 3 months, but I still think this would be very useful. I want to be able to open any file that I have open in the Figma Chromium app in my browser. A simple “Open in Browser” command under File would be welcomed for various reasons. Use Case: I need to be able to open a desktop file quickly in a new browser client tab for comparisons, viewing prototypes like our UXR customers are going to see them, and other tasks.

I have the organization plan. I’ve created a shared library to be used across the org with multiple teams. When I go to settings per Team to enable libraries for all team files, it does not appear. This is true for all the teams. I’ve checked to make sure that access to the Team is set to Open and that the library set to All Files (and even Design). The stranger part is that this works with other libraries, but not the new one I’ve created. Also, I am able to enable the library one by one per Figma file which is very tedious.