Suggest a Feature

Hey There, Small find, but still creating friction. When you press the K key for scaling, the focus – like before – starts on the scale option (1x, 2x, etc.). But when you hit the Tab key, it jumps to the next menu instead of going to width and height as it used to. This means you have to manually select the fields with the mouse every time. The solution could be to have the focus start on the first field (which is now width) when pressing K, so you can easily tab through to the fields you need. New UI: Old UI:

When I’m prototyping, I often make copies, delete pages, etc. This means that I end up with prototype points that are automatically create click = none. This then means that when I drag to make new points, I accidentally make many drag interactions because it assumes that if click = none, then the next interaction i want is drag. Often I find out I’ve made mistakes by hitting play, seeing the interaction target turn blue, but tapping not working and me realizing i made drag points. Then I go back, investigate where it assumed I wanted drag, and replace it with click by removing drag and click in the right panel. Retapping the circle plus and dragging it to a new frame. (I don’t use the dropdown and find the frame). Two potential fixes: if click = none by goal is to replace it because click isn’t being used. if an end point frame is removed, remove click interaction entirely. Anyone else make drag interactions by accident? Would these potential fixes hurt other people’s workflows?

The use of Gaussian blur effect for pop-up controls is a common design standard for almost all operating systems. Adding Gaussian blur to the context menu will make the overall UI more harmonious and consistent with the operating system.

Currently it is a bit annoying when you have multiple variables reference each other. When editing code you usually can ctrl / cmd click to get to the definition of a variable or function. It would be nice if this was also possible in the variable panel in Figma

After discussion with stakeholders in the file, there are many comment threads. Some of them are soloved, some of them are not important, some of them will be bring to next sync/meeting. While with many points to be discussed, is that possible to convert the thread status to another status like “to be discussed in the meeting” to make some of them more prominent?

Canonical Component Library for Splitting All-In-One Files Problem: When starting with a single, comprehensive Figma file that contains both design elements and components (such as Design WIP Page, Component Library Page, and Design System Page, etc etc), duplicating this file and organising it into multiple files results in each file referencing its own local component library. This creates a significant challenge in maintaining a single source of truth for components across different files, as every new file duplicates the components locally rather than referencing a central library. Proposed Solution: Introduce a feature in Figma that allows users to easily duplicate an “all-in-one” type master files, and then split it into multiple files (Design WIP file, Component Library file, Design System file, etc.), with the ability to set one of these files as the canonical component library. The duplicated files would automatically update to reference the components from the selected master

I just started using UI3. One bug I’ve noticed is that if I create a new component, then press shift + i to insert it, it doesn’t show up in the list. If I quit and reopen Figma it shows up then

In the new autolayout, you can use absolute numbers for padding. However, it would be really beneficial to be able to use percentages sometimes instead. I can see there have been previous posts about this but they are closed, therefore I cannot vote for them.

I think it should show up inside the panel as all other props show up embedded. Idk why colour has a different treatment. Not gonna lie having it popped out is super useful but I think it should be an option not a default action. I also mocked up a screen how it should be ps; i have noticed the blue bar showing the loc of highlighted item when I was mocking this image - loved the idea and implementation, mwah 👨‍🍳👌

It would be amazing if there was an advanced clipping option that would allow designers to choose what edges clipped content and what edges let content run over it. I am working on complex enterprise software where I have dropdown menus with menu items with hover states as well as icon buttons in the menu items with their own hover states. And on top of that I need to show tooltips on some of the icon buttons and allow clicking to open a new modal. (There is a lot going on) We have workarounds for the overlay tooltip but the issue we’re running into is everything is in a scrollable container and that requires clipping to look decent. It would be nice to decide what edges get clipped. In our scenario we need clipping at the top and bottom of the scrollable container but the left and right don’t need it so that absolute positioned items can spill outside of the scrollable container.

Hi Figma Team, I use version history quite often. It would be nice to have a keyboard shortcut to bring it up in the right-hand panel. I really like what you’ve done giving a shortcut for saving a current version, but it doesn’t give me the option to go into the “view history” mode. And I need that to copy the link from the version I just saved to the appropriate ticket in Jira. Thank you, Ksenia

When inspecting/viewing a design, I’d like my devs to be able to see what collection a variable comes from, and the mode it is in. Currently, when a frame has a mode applied, the viewer can see a mode label in the properties panel, but only when that frame is selected. If they are inspecting an element within that frame that is inheriting the mode, there is no way to show that it is. As for the collection name, its not referenced at all. When we create variables/tokens, we have to repeat the name of the collection in the name of the variable for it to surface and be useful to the devs inspecting the design.

I’ve been using the wrap function in auto-layout since it came out last June. It has helped me a lot, however there are some options I would like to see being added; being able to change the direction of the rows when using auto layout wrap. For example: I’m working on a tile which displays a set of indicator on the bottom. The tile is able to show a max of 4 indicators in one row. When using wrap and showing 6 indicators, the first row shows 4 indicators and the second row shows 2. What I would like to see is an option to change the direction of the rows. Changing the direction would result in showing 2 indicators in the top row and 4 in the bottom row, instead of the other way around. The same principle should be able for columns created by auto layout wrap. This might be interesting for cultures who read right to left. [edit: i just found out wrapping is only horizontal, which means it can only create rows, not columns] I’m sure i’m not the first person who thought of the idea, but

I would like the option to deselect the selection of another user. Too often others viewing a file will select something and never deselect it until they eventually close Figma. It would be nice to remove their selection from an object, so I won’t have to look at the highlight of the selection they have made.

I loved the new button to minimize tool bar, makes total sense! 🙂 But can’t see the need of having a floating toolbar. Feel it steals space from the center with no need and also looks visually confusing 😕 Right toolbar’s spacing arrangement is also feeling overwhelming. Overall i like the new UI, but just suggesting some adjustments 🙂

When design and content has been reviewed the next stage is localisation. It requires labelling every component with copy and it becomes quite crowded. But if there was a feature like the dev mode toggle allowing the localisation team to translate and put phrase keys in it saves a lot of time duplicating work.

In the previous version of Figma there was an option to mark multiple objects as ready for dev. After selecting objects option was available at the top bar. With the new UI this option is gone (or I cannot find it) and you have to press „Ready for dev” for every single selection. Can we bring this option back?

The preview of component descriptions on the right panel is missing the option to click on hyperlinks or any other formatting. This feature is crucial for the Design System approach. It allows designers to seamlessly access our documentation when working with components, eliminating the need to open DevMode to view related links.

Each task comes with its own notes and documents, whether from Asana or elsewhere. I copy these notes to the canvas every time as if they will be used in the design, but as the design grows in the canvas, where I put these notes becomes a mystery. If each page had its own simple note-taking place that could be accessed from the top bar, I could easily see the information or instructions that come with each task in large projects.

I am generally liking the UI3 update, but am finding it a little annoying when the panels are both closed, but then the right panel opens over something I just clicked on. Scenario: Panels are closed, so I have a larger space to work. I see a button over to the right side of my screen that I need to edit. I click into the button to select a layer, but the right panel pops over it and suddenly I’m clicking on auto-layout options. I like being able to close the panels and use more of my design, but it defeats the purpose if I can’t easily interact with everything I see. When the panel opens over something I’m working with, I have to stop, reposition my design, and then start again. Either keep the right panel open all the time, or let me manually open and close them.

I am struggling with the scroll bar in Figma when trying to move up and down the page when zoomed in. With the new layout, it is behind the tools on the right and I keep clicking other stuff instead of the scroll bar and it is so far over it took me a while to find it. I think it should be on the other side of the right toolbox for easier use and locating it. Also having the Text, mouse, frame, etc. tools on the bottom is throwing me off. Everyone else has it on the tool, so having it on the bottom is a brain tease and annoying to me.

is there a way to quick update variables from library? I only want to update variables but not component.

Hi All, My feature request: generate editable UI layouts from URL (website) or convert website URL into Figma UI layout. This will save so much time for the designer! We alreay know how to convert Figma layout into html. So, ca we do the opposite? Figma design from URL. Yes, I know about the plugin from @mutraf But it doesn’t work well enough https://www.figma.com/community/plugin/1306523217067838054/amourm-website-url-to-design-ui-ux-library-ai-design-generator-ui-ux-library-kit. I pray that someday Figma will make it its native feature.

Allow designers to set one frame/section as the default focus so that when a stakeholder like PM/Engineer randomly opens a page in Figma project, they can see the right things designers want them to look at. A lot of times, stakeholders get to the right frames/sections when links with frames are shared. But then they often navigate to different parts of the file and it is difficult for them to see where to look at in a page. Maybe page level thumbnail capability instead of per file?