Suggest a Feature

I was about start implementing our typography system tokens and noticed that I cannot, not even one. I cannot set variables to some basic core attributes such as text-size and line-height. The worse is that our system is in REM and line-height is a multiplier (ex: 1.35 instead of 135%). This makes it impossible to implement and use variables in Figma for DevMode, as devs don’t have the much needed token names for reference. I’m also running into issues with colors, where I cannot have an aliased color but also add opacity. I need to define the color twice (–grey-500 and --text-muted), which defeats the purpose of aliasing, which creates design debt on the Figma side.

It would be nice if a specific gamepad interaction (eg. X-Button) could trigger transitions on multiple components in a frame. At the moment, the first component that reacts to it in the frame (from the top down) will “swallow” the button input, the next components will not receive it. Example: Build a component that has a Change-To interaction (changing its appearance) that is trigged via a Gamepad button (eg. X-Button). Eg, a circle changing from black to red on X-button input. Place that component several times on a page. Run the Present mode and press the button. → Only the first component will react to the button input. The others will ignore it/not receive it.

When reviewing branch changes to a number of components, when you compare current with new you get a choice of either side-by-side or overlay view. Side-by-side view is the default but I usually find overlay the most useful so I switch to this. When I click Next and the compare view of the next change is opened, I have to click the button again to switch back to Overlay mode. when I have a hundred components to go through - tis additional step of reselecting ‘Overlay’ takes its toll. It would be good for the view mode to be persisted.

I don’t know when this change happened but it used to be that if you picked “presentation - fill” the prototype would fill by WIDTH of the design. Now, very confusingly, it fills by HEIGHT. So if you are designing a website, and you pick fill, it will fit the entire page in the view finder. There is a “quick fix” in the viewer where you can select “fit width”, as I’m sure there were a lot of complaints about this, but now, when sending a prototype to someone, you have to add screenshots and instructions on changing Figma presents along with it. Please add " fit width" to the prototype section in the designer BEFORE you are in viewing mode so that the prototype looks correct on load!

It would be great if apple users wouldn’t have to type whole Apple ID account every time they want to log in. I would love if you could login into Figma using your Apple ID as you’re able with an Google Account.

I noticed that in the Component description, there is a proper line break, but it is missing in the version history. It would be very helpful to have line breaks in the version history description, as it is used for the change log.

I’ve had the issue, that when sharing my Figma files with people who aren’t well-versed in Figma, such as clients. They often struggle to discover that they need to push down the divider line between the pages and layers to access all the pages. Additionally, the layers aren’t particularly relevant to them. In my view, there could be a more intuitive separation just like there is now between the layers and the assets, similar to how Framer accomplishes this, for better user experience.

Would be super helpful to also have the option to view the Color (SwiftUI) instead of UIKit. Sure it’s as simple as wrapping Color() around the UIColor, but why not 🙂

Because variables are set at a global level (using local variables), moving components or component sets from one file to another breaks everything, and the local styles must be recreated and relinked in the paste-to location. If Sections or Frames were used as the “owner” of the component variables and Local Variables could be used the same way they are today, plus aggregate all the “Section variables,” then managing variables would be easier, and moving components and their variables would be seamless. In addition to solving for broken variable references, this approach would help organize variables and keep them close to where they are being used.

I always find myself wanting to move my plugins out of the way from my tools. It would be awesome if I could just have my plugins open on my second monitor for use when i need them instead of having to close them and restart them whenever I use them.

Right now objects are updated one by one, so if I want to update 100 objects, the layer panel on the left is updated after every update/creation, and it’s suuuuuuper slow. If there was a function that I could give all my objects to, and then it would do work with all of them at once, and then update the layer panel once. That would be amazing. 🙂

Auto layout is great, especially with the new Wrap feature. However, I find it quite limiting still. It would be incredibly handy if you could add a logic or conditional to a frame with auto-layout. For example, if a frame is > 1366px to run horizontally, but for < 1366px for it to Wrap automatically. This would especially handy for components that have the Fill Container width applied to automatically cascade and fill the frame when scaling down.

I think this is a great idea. I understand Figma wasn’t meant to be used for illustrations, but to be honest, the uniqueness of its vector and node system is very useful, and many of us (UI Designers) work for videogame companies, and more often than not we have to find works around some things that could easily be added into Figma. I will create another post with this, but things that come to my mind: Supporting different kinds of strokes (even if they can’t be reproduced by CSS, maybe a disclaimer or a warning next to the setting would be fine). Sticky nodes (vector’s endpoints), this shouldn’t be so difficult given you already do this in Figjma and when imported from FigJam to Into Figma the behavior is still there. Why can’t we just do it inside Figma? Ability to move the anchor point of an element.

I want to attach JSON lottiefiles of animated illustrations (made in another tool) to a certain page in my design file, so developers and other stakeholders can access and download the right (and most recent) assets. Would be even more great if you could link these files to specific frames in that file.

Hi, the recent changes to the toolbar mean I need to do an extra click to put in an arrow if I don’t want to use the auto arrow. And I need to now do an extra click for flow chart shapes as well. This isn’t great when you’re mapping on the fly and it makes you slower during collaboration sessions. This is SUPER ANNOYING. Am passionate about this because I love using Figma and it feels like you’ve put broccoli on my pizza. Please fix this so that things are immediately available with the least amount of clicks.

Often finding situations with multiplayer mode where we’d like to see the other person controlling a prototype or various interactions, but the preview window and present mode don’t seem to support it. The ability to view cursors in Figma layers/properties panels would be awesome as well!

Selecting color styles/variables, text styles, or anything else from one of these narrow and short popup windows in Figma is like trying to read a book through a keyhole - a major usability issue considering that selecting these things is one of the most common operations that a designer does. I have modified a few lines of CSS in Figma to demonstrate the glory of a wider and taller color styles window, where style names are not truncated so that I can actually read them, and my screen space is being used to its full potential. Sadly, the changes don’t persist after the window is closed. This would be a very nice and probably easy little big update, eh Figma? 🙏 A few lines of CSS can improve the lives of many.

In the community tab, the save button should be added to the main search results as many people like myself are working we like to saving files for later. Instead of opening every file and then keeping it from its detail page, it is annoying and time-consuming.

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.