Share Your Thoughts

The lack of a Shape Builder Tool (like in Adobe Illustrator) is surprising. This is an essential tool that I use on every project in Illustrator. I have used the Boolean Groups, but they don’t fill the use of a Shape Builder Tool. A SBT allows me to trim the edges of overhanging shapes, which I commonly do when designing.

For example imagine that I have these 2 token variables: page.margin = 16 icon.padding = 10 and that I have a component that contains an icon with the padding. To ensure the icon aligns vertically I need my component to have a margin of 6, but only because the icon already contains 10 padding. Therefore, to make my design using tokens I need to specify the padding as: page.margin - icon.padding = 6. I do not want to use the value 6 directly as then when tokens are updated the design will not be. This is related to Using expression as a variable's value but not the same. To support tokens for measurements this is essential.

Introduce such a possibility, so it will be possible to do thanks to variables, for example, transparent black or transparent primaries. Currently, you need to make a detach alliance.

Hi folks. Is there a way to view a prototype on mobile that displays the sidebar and its flows? When viewing my Figma prototype link on mobile (iPhone, all browsers), the sidebar that shows all user flows does not display at all. I have four user flows that I want to display. I tried testing my prototype with all viewing options (fit to screen, fit width, full screen, full size). To confirm, this works fine on desktop. Mobile is just not complying. 2022-2023 threads on this seem to not give a clear answer. Your help is appreciated!

Hey guys, I see that the UX for selecting gradient colors has just changed. The cool thing is that now there are numeric STOPS, which I don’t think we had before, but the rest of the UX is a bit of a mess. There are too many steps to perform and the steps became less intuitive so they take a longer time. For example, if I click on the color box, I have to look for that color in the list below, then select the color picker to edit the color. So there’s one extra click and the action of finding the list item, which takes longer now. Imagine you have play around wkith some color and you have to quickly go from one to color to another to adjust, it’s a nightmare, I am literally going to use another app just for getting the gradient right. Also, seeing the color picker all the time with the whole color spectrum really helps the process of matching colors. What happened, how in the world did the best tool for UX release something like this? 🙂 Please revert it back to the way it used

While documenting default margins of html tags or text classes is rather easy, communicating and continuously onboarding other designers is very difficult, especially on scale. So in order to align the spacings between text elements it would be super useful to add another text prop which can define margins to the top and the bottom. Please upvote 😉

Right now, projects will appear empty (even showing “0 files” in the count at the bottom) if they only contain private files that the viewer does not have access to. I have admin access for my organization, and even I can’t see if a project does or does not contain private files. We’ve had issues where projected were deleted because they appeared empty, but in fact contained private files. It would be helpful if Figma could indicate if a project contains private files. Even a warning before deleting the project would be appreciated. Right now there is no indication.

It would be nice to be able to have a fixed background position inside scrolling sections. For myself, the end goal would be te be able to create CSS shaders by overlapping scrolling images (specular maps, alpha masks etc) over fixed gradients (examples). It would also be useful to create layered depth, and can be a first step towards easier parallax prototyping with scroll speed fine-tuning

Currently variant swap acts as a complete component swap. All its properties get overridden and are not controlled by the master component anymore. For example: I have a “tab” component with two states: “active” and “inactive”. Once I do a variant swap (set the first tab as “active”), the “tab text” property receives an override. At this step all still looks good, but… …if I want to change the text on the first tab from “Section 1” to “Section A” — I can’t. It’s not inherited anymore. This was already raised on this forum as a question, but not as a feature proposal. So I’m adding one. There is a workaround I pack all component states into a single auto-layout frame and make that a component. If I need an active tab, I switch off the visibility of the inactive part. Now all works as it should But it gets very clumsy / hard to maintain if I have hovers, or I have not 2 states but 5 (primary, secondary, error, etc.) or I use component property as a breakpoint switch. –

It would be great if you could add a feature that allows users to lock pages. Exactly or similar as it exists for locking layers. Here’s the use case/reasons why this would be super useful: During a design process we usually split tasks over separate pages for example: Page 1 - “Round 1 - Design Explore” Page 2 - “Round 2 - Refinement” Page 3 - “Round 3 - Delivery” At each stage we ask the client to comment on the work. At large organizations/with many approvers and projects that span longer timelines, it often happens that comments are left in what we consider an “OLD design” (=an outdated page). In the above example, we would have already addressed the comments from Page 1 and 2 as we are working on Page 3. So the only place where new comments should be placed are in the most current Page 3. Yet it happens often what people catch-up on progress shares via their Figma email notifications, where they click on an outdated Page link (i.e. Page 1 or 2) and they land in these pages where t

It would be great if the notifications panel had tabs to see what you have commented on other files to keep track. Its also super annoying there is not date filter. On default you can only scroll so much and cant see notifications past a certain date.

Hi So I’m experimenting with Variables and creating a hierarchy for primitives, semantics, and components. Only I get stuck between modes in semantic collections going to component collections. The goal is to include collection modes for two design systems for an easier transition of component variants. I am guessing the collection with the changes is the only one allowed to update with I use layer auto collections on Frames. Is there a plan to choose a mode within a nested collection?

I came across the problem of “Setting the position of next overlay after Swap overlay”. I searched the community that people have requested the feature for the same and there was no solution. I tried successfully. On Overlay 1, I used following interactions consecutively: Close Overlay and then Open Overlay 2. Now I could set the Overlay Position as needed, irrespective of Overlay 1 position. Do let me know if this works for you guys! @Dario1

Hi, Will it be possible to rotate the gradient by manually entering angles? For example, I would like a gradient starting from top to bottom, rotated by e.g. 45 degrees or exactly 27.

Would love to limit my find & replace task to be within current selection. Eg Select a bunch of stuff > command-f > search > only get results from within the initial selection. I could see it being a part of this dropdown too:

Can you make something that ease the process of prototyping even one little mistake ruin the whole flow and so mhch clutter there should be something easy with tbe help of new technology or plugin or anything.

The current flow for updating branches from main file assumes that I will ‘Apply Changes’ after I have resolved conflicts. This is not always the case. In several cases simply getting a a visual overview of what could be affected is what I need to see. The placement of the Next (Once conflict resolution method has been added) and the following “Apply changes button” is right on top eachother. Several posts already have mentioned the need to select individually what should be applied even if there is no conflict. This would be a very welcome feature, and would allign with general practise for branching in software development.

The tidy up feature is good but sometimes it’s too smart by half. Sometimes I just want to set the extreme positions of the objects i’m trying to distribute and then have them evenly spaced between those two positions. Tidy up sometimes tries to be too clever and will move the bottom or far right object to neaten everything up. But that’s not what I want. To work around this, I have to roughly space the objects between my extreme points so that Tidy up will then work how I want it to. It’s a bit annoying.

Issue is simple: if there’s a hover state for the thing you transition from / to – it jiggles and jumps during transitions with your mouse on. Right now I have to create separate states with no hover that transition after delay, to ensure hover only after animation finished which is very dumb. Making this feature will result in way smoother animations for everyone, I believe.

I’m in need of standardizing the positioning of certain notification elements across all screens and variables for X and Y position can be very very helpful to achieve that. There are variables allowed for width and height but not X and Y. Not allowing variables everywhere makes the variables feature look inconsistent and incomplete.

We’ve used couple times Figma’s observation mode while user testing. We noticed that if your prototype has animation which contains overlay, that overlay is not visible for observators. Only person who is using prototype can see overlays. This is critical problem which deteriorates observation feature.

Hi, It can happen that comments start to stack on top of each others to the point that even by using the current sorting feature, the list is hard to manage. In order to facilitate a quick identification of the type/nature of comment I’ve been proposing a basic writting guidance in the librarie, but users do not follow it because they do not first read it. So let’s reverse the process. It would be helpful to have a feature which helps me to create comment categories in which I would park each comment I receive. I would have access to a dashboard where I can retrieve easily all the comments in their respective categories. This also would help to extract analytics on the type of comments received. Also, what you be helpful is a Reminder feature that would remind me that I still have to answer to comments depending on how I have set up that alarm. Hope this is useful.

When creating an overlay for something like a tooltip or notification center, if you use a glassmorphism effect with background blur, you’ll always see what’s behind the overlay in the file. The expected result would be to see what behind the overlay while presenting. For example, if I want to the overlay to open across multiple frames, with different backgrounds, I would have to duplicate the overlay and frame it’s displayed over to achieve this. But, that doesn’t solve the issue if the user scrolls the frame behind it, as the background of the overlay wouldn’t scroll with the page. Expected: What’s happening: Does anyone have a work around or a way for the overlay to always show what’s behind it while presenting instead of what’s in the file?

the blue object, does anyone know how recreate this in Figma. I’m having trouble with it.

Hi Figma, I wish we still had the team and project description panels in the Figma browser, or something better. Now the “Edit description” dialog contains all the information we painstaking put together to describe a team of project into a single hard to edit string: This is unmanageable, and we found the previous UI compelling because it provided a great context for new team and project members where outlined who the stakeholders are and what they do on a team/project. Here is an example: So going what step better, it would great if there was a UI for entering this type of information as a way to onboard Figma users to a team or project. Perhaps with user defined fields. It could just be a simple “Team (or Project) Information” link so people could select it to get the information we all need to understand who the sponsors, UXD’s IA’s, and even workflow information about the team or project. I would even settle for a custom link field that just opened a FigJam file section so I can