Share Your Thoughts

Hello, I am new to Figma and Ui practise. I have a small doubt with pencil tool. While holding shift key and drag mouse I get vertical and horizontal straight lines. But, I can’t get tangent straight lines with the help of this. Can anyone please show how to draw tangent straight lines in Figma with pencil tool.

The contrast checker is wrong as far as I can see.  I checked the same colour on the same background in the same element and got 2 different reading. One said pass and one said fail and the pass was 3.29:1 when a pass should be 4.5:1   

It would be nice to have a way to undelete a comment. I accidentally deleted a comment when I meant to resolve it. I could not get the comment back. I could not even Undo deleting the comment.Can you please add a trashcan like feature to recover deleted comments?

I absolutely cannot believe it’s not as easy as selecting the prototype wire and then grabbing the origin circle and moving it to another element, just like you can do with the destination (arrowhead).Please give me a use case where it’s more common for users to want to create another interaction of the same element going to a different destination than it is for a user to rewire an origin point.The only use case that springs to mind is when wiring up internal component variations, but I always do that via the Interactions palette and select the variation from the pull-down menu rather than manually drag the connections. Maybe I’m not the average user here, but it seems like Figma could have easily reimagined their wiring UI to facilitate changing the origin. Like make that the default behaviour and then add Opt/Alt to create a new wire from the same origin.

How do I make a GIF only play once (not loop) in Figma?

I have a scenario. I have a form in which I want to submit a comment. The comment object is on the screen and is a component with 3 variants: 1 > hidden (note-hidden) This is the component on the screen where it is at 0% visibility and 1px tall. 2 > transition state where it looks yellow (note-transition) Note is full size but is a yellow tone. 3 > the final state (note-default) The note is in it’s normal state. When I tap the submit on the form button I use a variable to change the variant from note-hidden to note-transition. The variant “note-transition” has an after-delay action to change it from yellow to the normal color. This is the old school 37Signals yellow fade pattern. The issue is that when I use a variable to change the variant, the “after delay” doesn’t work and it just stays as the “note-transition” state. My take is that this transition should trigger and it’s a bug.

In our flow, we try to use annotations to describe data paths for components and text fields. In some cases the dev mode UI becomes cluttered. A keyboard shortcut to toggle annotation visibility would solve this issue and also align the toolbar option with the others around it. As this is targeted to developers, they find more comfort into using the keyboard more. Side-note: i think there is a small bug: in a section, with multiple frames that contain annotations, the selected frame will have the annotations visible. But if no frame is selected, one of them will have the annotations visible. I don’t see a clear algorithm regarding the winning frame here.

...

I’ve been loving Slides for getting quick user feedback. However, it looks like the Poll and Alignment widgets may preview what other audience members have voted when you hover over options. Would it be possible to hide responses from other voters until they are revealed by the presenter to reduce bias?

I have been designing for set-top boxes for several years now. And it is very convenient to do it through the transmission of the screen to the TV. But, there is no official support for Figma Mirror for TV sets. Many times I wrote to support and asked, but I always got the answer that there is no support. The most interesting thing is that Figma Mirror works perfectly on Nvidia Shield or Google Chrome (last generation) set-top boxes. You only need to put the app through aptoide. But with each time figma mirror refines the functionality for the phone, which severely degrades the functionality in TVs. For example, last year, after another update, the Remote Control for prototyping stopped working on the TV. It was very convenient to make a prototype, connect the buttons on the remote, and control the app. It felt like you were really using an out-of-the-box app. But it doesn’t work anymore. The second example happened with the last update. There was onboarding, w

Is it possible to have all comments within your click-and-drag selection area move?Currently, if comments are pinned on an actual frame, they’ll move with it, but it would be nice for comments outside of a frame to move as well as sometimes I like to leave comments right outside my actual design (sometimes a bunch of comments can get in the way and be distracting when designing or reviewing designs with others). In another example, when I’m organizing my page, clicking and dragging to select a group of items in figma should move everything in that area (think maybe a few components, groups, frames, scattered comments outside of frames moving all at the same time). Would make this process lot more easier and efficient instead of having to move outside comments one at a time!One more nice-to-have is if the “undo” feature works on comments too to remove comments you didn’t mean to put or put it back from where you last moved

I see that the Code Connect feature is currently only available in the Enterprise or Organization plans, which only support annual billing. This is quite a significant expense for my team. I need to be cautious before committing to this feature without experiencing it first. Could I request a trial opportunity before paying for it? Additionally, is there any plan to include this feature in the Professional Team package? Thank very much~

I wanted to delete and recreate a post that I accidentally created as a “Question” when I wanted to create is as a “Conversation”, but I realized I can’t delete the post because there is no delete button anywhere.

When I try to duplicate a variable, the "Delete" and "Duplicate" buttons are placed next to each other and look identical , I often miss and accidentally delete it… ( 

Hi Figma Team,I love using Figma – it’s an incredibly powerful tool for design collaboration. However, I noticed that once a user sets a profile picture, there’s no option to remove it and revert to the default avatar. Currently, the only options are to change the picture, but not delete it entirely.It would be great if you could consider adding a “remove” or “delete” option, so users have the flexibility to go back to the default avatar if they wish.Thanks for your amazing work, and looking forward to future improvements!

I am playing around with letter spacing. The slider (and when using arrow keys) needs to make adjustments in smaller increments to make it a more user friendly experience. When adjusting letter spacing this is typically a very fragile process with small chnages made in either direction. Ideally I want to keep this active and have the ability to make very small adjustments (perhaps with the addition of a hot key / shortcut).I can’t be the only one that feels this way, it just does not feel usable in its current form.(does anyone @figma kern ?)

Hi, I’m a Gaming Industry UIUX designer, for the longest of time,I’ve been using the web browser to go to figma, view as desktop mode,painstakenly go to the tiny layers, click on the correct frame to enter the Prototype preview mode.The reason why I don’t use the Figma Mobile app is because, unlike the Web Browser version, thereis no way I can fit to height for the layout. [Fit to Height] while allowing width to be responsive is a necessity when designing for landscape mobile games interface. I hope to see this feature implemented so I don’t have to wait till I bring the High fidelity design to the game engine to test things out. 

Need a way to update padding numbers in sections instead of manually resizing it every time. The current padding of 80px look very small in some cases, hence the request. Or if we have any way to do it today, please let me know.

Original Situation:I am working in the Figma tool, and while checking the preview of my designed screen, I encountered an issue. In the preview (actual size), there is a Figma header overlay. Parts of that header are not fully visible or clickable if I place a link within it. The overlay’s position and size seem to block interaction with elements in that area, especially when I move the cursor over the header section.Idea / Suggestion:It would be very helpful if Figma provided an option to adjust overlays vertically (in addition to the current positioning options). This would allow designers to better control the placement of overlays and ensure all parts, including headers with links, are fully visible and interactive during previews. I am sharing this idea to improve usability for designers and collaborators. Please refer to the attached UI for a better understanding of the issue.

Hi Figma Team, As a plugin developer and daily Figma user, I’d like to request an enhancement to the Plugin API. Currently, image adjustment settings such as exposure, contrast, saturation, temperature, tint, highlights, and shadows—which are adjustable via sliders in the native Figma UI—are not accessible via the Plugin API. The imageFilters property on nodes like RECTANGLE always returns default values, even when those image adjustments have clearly been applied through the UI. This limitation makes it impossible to build plugins that copy and reuse image adjustment settings across multiple image layers, which would significantly improve efficiency in projects that require consistent visual styles across many assets. Request:Please consider exposing the actual values of image adjustment parameters (filters) via the Plugin API—either through node.imageF

I wish Figma will create prototyping functions so i could create a function template and send him the request variables, just like in javascript, a function that holds set variables, conditions and more. That will save a lot of prototyping time and the interactions will be managed better for changes. Currently, if you have a lot of variable interactions then it’s a hard to manage repeated interactions with small changes and adds or even keeping track of the prototype logic. I wish it will look like this: Creating the variables Creating the functions Applying functions to the prototype. Managing logical functions for changes Check out my screenshots to understand my pain of managing all of this.

UX 101: do not do anything automatically that a user may not want. I have not once wanted a full stop (aka period) inserted into a text box when I hit spacebar multiple times. This is in the same camp of automatically adding a link when pasting (not once have I wanted this) or automatically turning text into a list. These should only happen when a user specifically adds these using UI.

Figma Design allow you to organize in a sub-folder like structure inside files, with multiple pages possible per project. Figma Slides however only consists of one top level presentation, not allowing you to create multiple presentations inside each file. This leads to a lack of organizing possibilities, and if you have multiple presentations or projects per client, things can get chaotic pretty fast. The option to nest folders inside each project in Figma Slides is a must, as I see it, or it will be impossible to keep track of presentations in the long run.

When working with a library that uses a large number of components and states, I think that like how we have a “direct select” tool for colours, we should also have a “direct select” button for component items.In my image, I have a component that has some booleans set up along with how I imagine the button would look and function. It would greatly help to have the same functionality we have to select any items using a specific colour with the “target” button beside it. This reduces time direct selecting items especially if there are items above the layer you intend to select. It also allows users to stay in the right panel for changes and adjustments if they can direct select the component element.  

You know how sometimes you feel like having a copy of a screen in another file (or page), and would like to have it be updated automatically, but it feels overkill to create a main component out of that screen? If you just copy and paste it (for example for creating a prototype in a separate Page without messing your original screens), it’s pretty much instantly out of date. You also know how you can embed Figma files, frames or prototypes in any website, even integrating in other services like Jira and Dropbox with the Live Embed Kit. It works AMAZING, it shows even up-to-date designs, and you’re simply copy-pasting a link, without the overengineering of extra components. What if this would work within Figma itself?? Check this out: