Share Your Thoughts

Your brand guidelines template is more than just a document—it's the DNA of your visual and verbal identity. Over time, however, even the most thoughtfully crafted templates can become outdated or disconnected from your evolving brand. If you’re looking to stay relevant and consistent, here are 7 ways to reinvent your brand guidelines template: Update Your Visual Identity Modernize your color palette, typography, and logo usage. Trends change, and your brand should reflect current aesthetics while staying true to its core. Include Tone of Voice and Messaging Great brand guidelines go beyond visuals. Clearly define your tone of voice, key messaging pillars, and brand story to guide all content creation. Add Real-World Examples Incorporate mockups or case studies showing your brand in action. This helps teams understand how the guidelines translate into actual designs and campaigns. Make It Interactive and Digital Static PDFs are outdated. Use tools like Notion, Figma, or cloud-bas

EwwCan we have a proper icon please? One that doesn’t look like there’s something wrong with it. 

Please add a way to remove specific names from a component name structure. We organize our files to make the components easy to find and that might include putting it inside another frame but we don’t want that frame name to appear when we’re actually using the component. Just like we have the “_” to show that a component isn’t supposed to be published, let us add a marker to a frame name to have it not show on the component library structure. Example: We have Page/Frame/Component, and renaming it to Page/_Frame/Component would show the component under Page/Component.

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, which doesn’t allow you to

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 it.

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 ?)

We use variable for our colour fills for type layers.Unfortunately it is not possible to see if a variable colour is accessible over a background colour unless you detach and open the colour picker, and then reattach.. 

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.imageFilters or a new method—so plugins can read and apply those settings programmatically. This would enable:  Copy/paste image filter sett

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.