Rolling out: Projects become folders 📂 ✨
Let us know what would make Figma better for you.
Recently active
Hi Figma team, I’m a Graphic Designer excited to use Figma Buzz as a potential replacement for tools like Adobe Express and Canva. However, I've run into a couple of limitations that would be great to see addressed:1. Layers Visibility & Basic Manipulation in Buzz: As a designer, I can switch to "Design mode" to see and organize layers, which is great. However, for non-designers using Buzz templates, the concept of "layers" doesn’t exist. This means they can't easily do things like bring an image forward, send text backward, or directly select an element to change its color or replace an image. It would be great if there was a way for all users to interact with the visual stacking order and select individual elements within a layers panel in Buzz.2. More Flexible Locking in Templates: Currently, when elements in a template are locked, users can typically only swap components. I'd love to see more granular control over locking. For example, I'd like to lock the position of elements
Would like ability to have the ready for dev mockups sorted within page top to bottom, left to right.Right not it seems sort by page defaults to sorting by recent activity within a page.Our designers tend to like designing multiple site pages within one figma page. Ready for dev mode has made it much more clear for me to see what I am actually supposed to build. Only downside: there is no good sort option to keep the mockups in the intended order (how they are on the page). Asking design to alphabetize each site page does not sound reasonable because of how much they would need to manage that as things change.
Right now, designing for scrolling views is a pain. We need to resize the parent frame to see all content, and then shrink it down again to the correct size to see it in action.Some possible solutions:add an option for the parent frame to hug contents in editor mode only add some kind of pop-out view to frames with out-of-view content allow us to substitute / link frames: one frame holds the content, another (maybe even as part of a component) displays it. They should not need to have the same size, but should probably share the same layout-settings. This would also be helpful for the general design flow
Restore this version in history works but after closing history the wrong version is shown again. How do I make the Restored history the current version?
I am confused how x and y coordinates for elements with “Ignore auto layout” on are displayed.The coordinates are intuitive when you choose constraints left and top. I was expecting them to change when you choose right, bottom, center or some other value. In this case I would expect them to display the value relative to that reference point. Something that sticks to the bottom right corner, should not display the distance from the top left corner (as this is a total random value, that will probably be different for responsive components). I mostly layout with values and rarely by dragging elements around the canvas and it is cumbersome to calculate those random values that do not reflect the intent of the design.CSS works with top or bottom and left or right coordinates respectively. Is it just me, or do you feel the same way?
I’ve just found out that Figma isn’t compatible with iOS VoiceOver controls, which kind of alarms me. I’m designing an app for disabled users and one of my blind participants opted to use their phone to test the prototype. I’m shocked that Figma doesn’t support assistive devices. I’d assume that an app with the purpose of helping designers/developers make innovative interfaces would include such a feature. Has anyone else noticed this?
As we now have string variables, would be amazing to extend it to reflect the status of a certain copy. Here is why: It is always a challenge to integrate UX content designer workflow into agile process, most of the time the content is in review when the implementation has already started. I have recently started breaking down mockups to store approved copy in variables, however I do miss the ability to explicitly mark it as approved, so engineers would be able to see this status in dev mode. There is already ‘Text content’ section there, so small In progress/Approved hints would be really helpful.
Hi all,I’m working on a design system and trying to create an interactive side navigation menu using component variants + a shared variable (selectedItem). Each nav item has two variants: default and selected.Here’s what I’ve set up: Each menu item has a label property (e.g., "Dashboard", "Settings", etc.) On click, the interaction sets the variable: selectedItem = "Settings" Then I added conditional logic: • If selectedItem == "Settings" → switch to selected • Else → switch to default 🎯 Goal: When one nav item is selected, all other items should revert to default – only one selected item at a time.❌ Issue: Only the clicked item changes. The rest don’t respond to the variable update.✅ I even tried using While value of variable changes or placing the logic in each item’s On Click – still not getting the expected behavior.👉 What am I missing? How can I ensure all nav items reactively update based on the selectedItem variable?This is for a reusable side nav component in my design
Currently, Figma’s offline mode only allows access to files and pages I’ve already opened, and syncs all changes back to the cloud once I’m online again.However, there’s no way to download an entire project for full offline work, nor to sync only partial updates or diffs when reconnecting—something that would be extremely valuable for local-first workflows and for users with limited connectivity.Given that incremental synchronization is a proven and efficient approach in other domains, are there any plans on your roadmap to enable: Full project download for local work More robust local caching (beyond just the current session/pages) Syncing only diffs or partial updates, rather than entire files Is this something you’re considering for the future of Figma? If not, what are the technical or product reasons behind the current cloud-first approach? I can imagine that project can be locked only for one editor with many visitors and in this mode I can imagine to allow it as it.Thank you
Specifically, at organisation level, when there are multiple projects or team projects, there are too many collaborators, comments and discussion in the comment sections on Figma. Is there a way for a user to mute notifications for specific project or a file?
Recently while making a scrollable form inside a modal as obvious i clipped the frame which contained the fields so it doesn’t spill over others. But inside that form container there are dropdown fields which are also getting clipped whereas it shouldn’t.It would be great if some elements or their states could ignore the “clip content” it will be a big time saver for us, please figma 🙏🙏🙏🙏🙏It can be really helpful for dropdowns
also related to Set default values for Section padding (left, right, top, bottom) instead of a fixed 80px A request for aesthetic Section, recently works well with the shortcut “cmd+opt+shift+R” Resize to fit. this is really productive. problem — the current 40px default looks “too small when holding things like lots of screens, pages.” yet i know it looks good for components and variants suggestion — allow user to set Default Padding size in Percent. it could be around the Nudge Amount Settings.
Currently when I copy text that has it’s styling set by a variable in our component library then paste that text string into a collection it also creates an additional variables (and it’s associated modes).If we could lean on the standard Shift + CMD/Ctrl + V shortcut to paste without any formatting that would remove the extra step of deleting the erroneous variables or pasting the text elsewhere to remove the formatting and back into the collection.
I would love to be able to do more in Slides via the API. Specifically it would be great to be able read and write text in the slides via the API, so we can convert other content into Slides easily or update our Slides decks easily.
Hi Design Community! 👋I recently completed a 3-day design sprint focused on improving the apartment search experience on OLX (desktop web). The goal was to solve common user frustrations like multi-city search, long filter forms, lack of comparison tools, and more.I've applied user-centered design principles, competitor benchmarking, and modern UI patterns to enhance usability and visual clarity.I'd love your thoughts! 💬What’s working well? What could be improved?Any suggestions to push this further?📎 link to Figma : Case Study : Case Study - OLX Apartment search categoryThanks in advance for your feedback 🙏 #UXDesign #UIDesign #UXFeedback #ProductDesign #DesignCritique #CaseStudy #UXResearch #UserExperience
Why are the previews of the project displayed equally to the editable?How many features are blocking the discovery of what I am searching for?Why can I render forza in hd and web-ui drops fps?
I made a form field where additional text can be shown to the right of the entry. I only need text on the right, so I didn’t wrap it in a frame like the entry field. I had to set the height of the text container to a set value so it lines up with the entry on the left. However, if I switch it to hug the contents of the text, I can’t choose to only hug the width without changing the height. I can’t use line height - it centers instead of positioning on the bottom. Obviously, I could wrap it in a frame, and then the frame can control hug separately. This is just a pain, adding more structure that I wouldn’t otherwise need if it just did what it looks like it does. It also took me a bit to realize what was happening, since I assumed that if I set hug on the width, it would only hug the width. This was also shared here in a closed thread so I don’t think this is a just me thing. If there are two controls and I change one, it should only change that one. If I wanted to change both, I would
Apparently you can’t change these things.I could understand if you didn’t want to allow changing the kind of topic since my understanding is that if a question has a marked answer and you wanted to change to conversation you wouldn’t know what to do about this. But at least I think it should be reasonable to allow users to change the title and category. People make mistakes sometimes...
I want to ask 3 things, but I’m not sure if it would be appropriate to create one post for each:The keyboard shortcuts panel feels awkward. Either allow the user to resize it or make it a popup si you have more space to view the shortcuts more comfortably. Actually show all shortcuts. There are many that aren’t available there so you can’t really use it as a reference. For instance, Alt+R adds a mark in the center of the selected element, but when I went to the keyboard shortcuts menu to understand what this mark actually is I couldn’t find anything and I can’t tell if I am doing more than just adding the mark because I couldn’t find the keyboard shortcut there. Allow the user to enter a keyboard shortcut to learn about it. Currently you can find the keyboard shortcut to do something in particular through Ctrl+P, but not the other way around.I’m a web developer and I use VSCode. This code editor allows you to see all keyboard shorcuts and filter by combination of keys. Just in case you
Hi, I’m relatively new to Figma and wanted to surface what I consider as frustrating UX in Figma main project navigation.Flow: 1) I am in my Team / Project section and I click on a specific file.2) Once I’m done with this file (or maybe I entered the wrong file) and need to go back to my files dashboard/project page. Problems: Currenlty the back option is not immediately visible - I have to select the figma logo (in itself this icon in not indicative if the actions we can take). then hit “Back to files”.Potential solutionsI’d suggest the “back” action is VERRY common and should not be hidden in 2 clicks/drill down menu but have a direct link The breadcrums that was present in step 2 disappeared. It would be great to have it as an option to go back to project or directly jump to the Team page if needed. TY
We often leave comments with different purposes or to different roles in the company (stakeholder, copy, dev, UX/UI, etc.) It would make it much easier to identify the comments relevant for you if we had the option of color coding or tagging them (and filtering your comments view to only show those relevant to your work). This would especially make large projects easier.
I don’t think I need to say anything more. It’s weird that this doesn’t exist.
Context:While working on a design system in Figma, I’ve created a set of color tokens using the new Variables feature. These tokens are organized and published via a shared Library for consistent use across projects.Issue:When selecting a color from the Variables panel (especially from Libraries), the color swatches are visible, but no color values or token names are displayed on hover. This makes it difficult to quickly identify or differentiate between similar shades—especially in large systems with many tokens.Why This Matters:Designers often rely on visual cues and quick access to token names or values. Without hover details, we’re forced to memorize or constantly reference documentation. It slows down the workflow and increases the chance of using incorrect tokens.Proposed Solution:Please consider adding a tooltip or hover state that displays:The token name The color value (e.g., HEX, RGB, or HSL)This small UX improvement would significantly enhance usability and efficiency when w
Please allow us to define the order of properties for a component...I really hate that nested properties are separated without a way to order it to suit my needs. In the example below I want to be able to move the “Status Indicator” properties below “Show Status Indicator” when enabled.
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.