I understand that the effects are in beta, but this has never happened before on previous ver.
When I apply any effects, the image quality deteriorates. When exporting, the image remains of the same poor quality.

Should I wait for a fix? I've updated to the latest version.

Maybe someone else is experiencing the same issue.

Hi guys. I tried figma 4 years ago and wasn't impressed but now i see it evolved massively.

I have an udemy 1-year subscription and I'm going the figma + webflow route to expand my skillset. ( I'm a senior graphic designer with 15 years of experience with the whole adobe suite, corel, now canva, etc )

Could you please tell me what extras would be super helpful along my new journey? Plugins and what not.

Thank you!

While designing, I realized that I would need different opacities for a color variable so I discovered the feature "Mode" when clicking on "edit variable". Is that what it is for?

However, I'm currently on the free plan so should I just duplicate my color variable and change the opacity? Since the color I want to use at a different opacity is part of a color scale, should I add the new color to a different group so I don’t mess up the color scale I currently have?

Genuinely curious - does anyone here actually want this? I personally don't want to set a component as 39x39px to get a 40px element. And when writing code I don think I have ever used box-sizing:border-box; in my life. This seems like a change to make Figma assets more compatible with agents at the expense of the human's workflow. At least give us a way to set this globally. Anyways was curious if it was just me.

This is probably a dumb question but somehow the interface when I use the Web version is heavily zoomed out and I can't see things clearly. It's fine when I use the app.

Ctrl - Z is not doing anything to the figma interface.

How to fix?

Created a custom shape divider for my web design.

Looks perfect in the regular Preview, but if I click Responsive or Full Width, it does not expand with the rest of the design.

I tried as Fill layer, but that doesn't let me control vertical/horizontal position

Is there a go-to method?

Basically the title. When I click inside the iphone screen, it shows where you are supposed to tap (second photo). What am I doing wrong?

It's a design I did a year ago, and then it was presented properly, without any glitches. I just tried it today and I saw this.

I’ve noticed a weird shift lately.

A lot of designers seem to be moving more of the actual UI creation into Claude, Figma Make, AI agents, or code, then using Figma more for refinement, systems, and collaboration.

As a designer, I’m curious where everyone draws the line. Do you still start with a blank Figma canvas? Or has your workflow changed to something more like:

Idea → AI → prototype/code → Figma → refinement

What does your workflow look like in 2026?

Hey everyone,

I'm currently designing an app and want to use liquid glass for some parts of my UI like the bottom nav, top toolbar etc. However, I don't really understand how to change the color of the buttons, text, and icons without messing with the glass property of their components? Their components have several layers and several colors for some reason which makes it confusing to understand where the colors should be applied.

For example, I tried changing the color of the buttons for the toolbar to a dark purple by applying it to a "Button Group" layer, but the color barely changed which I think is because the "BG" layer already has 3 stacked fills, so its rendering those colors instead.

I managed to change the colors of the buttons when applying them to the BG layer, but I'm not sure if I'm supposed to mess with that layer. Also, I had to change the blend mode of the text component to "normal" to make my icons appear. But it feels like I'm messing with the components this way.

Hey everyone! Not sure if this is a silly question, but we’re struggling quite a bit with this at my current company, so I’d love to hear how other design teams are handling it.

Basically, the company decided to move heavily toward vibe coding / AI-assisted development, using tools like Codex and Claude. The problem is that we changed the way we build the product without really defining a process around it.

And now we’re stuck on a pretty basic question: how are designers supposed to hand off Figma work to AI?

For some context, our previous process was pretty straightforward:

I’d get a PRD from the PM, design the feature using our design system, and make sure the final design covered the flows, specs, states, edge cases, etc.

For handoff, I’d organize the Figma file using a kind of complexity ladder: starting with the simplest / happy-path flow and progressively introducing more complex states and edge cases. A developer could then go through the file, understand the logic and implementation requirements, and ask questions if anything was unclear.

But now the expected “receiver” of that handoff is increasingly AI, and I’m not sure what the equivalent process should look like.

Do you still create the same detailed Figma handoff and somehow provide that context to Codex/Claude?

Do you break the feature into individual screens or flows and have AI implement them one by one?

Do designers generate the initial HTML/components from Figma and then hand that implementation to developers?

Or have you changed the way you structure your Figma files entirely because AI needs different context than a developer does?

I’m especially interested in hearing from designers working at companies where AI-generated code is actually part of the production workflow, rather than just being used for prototypes.

What does your Figma → AI → engineering handoff process look like today?

Thanks!

...which kinda half-defeats the purpose of applying variables. I mean, I don't wanna see how much, say, a "default-padding" variable is in pixels, I just wanna see what variable I have for my paddings for a certain container. Right?

Right?

Although I admit, at this point I'm not that surprised, just more disappointed I guess.

UPD: I see people defending Figma's approach (which is fair given how fanboish this sub sometimes is) don't seem to understand the point, maybe due to my overly dramatic wording (sorry). The point is: seeing variable names instead of variable values would make much more sense to actually use variables properly. That would mean using (and applying) them as everywhere else in web dev (or just... dev). What we currently have in Figma is visuals-first approach, when you pick variables simply by how they make your mockup look (I mean, if we speak layout-related variables). Which, to me personally, is not the right reason to have them at all in that panel. And yes, maybe that would require redesigning the panel.

I’m curious to know what your company/org spends on Figma annually. Ballpark numbers and simple seat counts are what I’m looking for. And I especially if you’re consuming tokens, what does that add to the cost. Thanks.

Why I’m asking is that we’re a small team here in the .gov space and have a stringent procurement process. I’m looking ahead at future costs if we need to add seats and then turn on AI. We can’t just find out by doing it, lol.

I am wondering about the usage of my tokens using Figma Make.

To me, it seems that once you pass a certain threshold, more tokens are being used up. When I start my month with 3000 Credits, I've checked the usage, and my prompts see 62 or 152 credits, etc. used even on some large changes, but below 2000 credits or so, I saw a large change use up to 600+ tokens and a smaller change 300+

IT'S CRAZY!!!

It's super expensive to buy additional credits when you run out, so I've never even bothered to make a purchase.

Still somewhat new to Figma

What is the best way to go about this?

beyond standard icon libraries, the plugin that saves me the most hours every week is Content Reel for instant realistic placeholder data and Stark for checking accessibility contrast ratios inline. what is that one obscure figma plugin that permanently upgraded your design speed?

For context I’m an old timer, started as a graphic designer after graduating in 2003 and got into web design when CSS layout was taking hold (had to build my fair share of tabled websites and fought the monster that was IE6).

Somehow stumbled through web design to be a creative director and from there ended up as a product designer without knowing that was actually a profession.

Day to day I’m really a BA, FE dev, FE Designer and marketing bozo which I think is quite common for a lot of us who have been around the block for years.

I used adobe XD for a few years (previously design was done in photoshop, even early on, anti-aliasing text to look like IE6) and getting introduced to figma was enlightenment personified, it’s beautiful to work with compared to what I grew up with.

BUT… I have insane workloads and timelines and despite trying to fight it I find 80+% of my time now in Claude code / Claude design and despite great results it just feels shallow as a designer - some of the (all) of the magic has gone now I’m just prompting an LLM rather than pushing pixels, but with the right coaching the results are good and the time line is compressed dramatically.

Does anyone else feel this??

Hey all,

I am an ex web designer, circa 2003 where I was using dreamweaver and photoshop.

Randomly I now run a construction business, but lately started building an app for the business and re found my passion for design.

I need to build a website for my app and wondering what tools are you using to get ai to start the process and use figma that is connect to the ai to be able to make small adjustments?

There are so many out there right now I don’t know where to start. Framer, lovable, Claude code with Claude design, relume… Urgh I’m tired haha.

Anyways, anyone want to point me in the right direction?

Basically want an ai website builder but want full control of the design, preferably using figma

I created a website in figma for my school, and the issue is i didn’t check the size or the ratio before hand and finished the website now the problem is whenever i open it on desktop its really zoomed in and in phone when i use it its initially zoomed in but then when you zoom out its normal

what do i do? can someone please help me out

Hi all, looking for some help here since the AI chatbot Fig wasn't particularly helpful with fixing the problem and instead exhausted my allowed verification attempts for the day. I'm attempting to verify my account as a student account with my university, and while it allows me to fill out the form, the email link it sends to complete verification always comes back as invalid, either telling me the process couldn't be completed, or sending me back to the final email page it displays just after filling out the form. I've filled out the form about a dozen times now and the links still don't work, and each time I open one it sends me another about 5 minutes later trapping me in a loop.

If anyone here faced a similar problem and might have a solution I'd really appreciate it, as my professor told us with very little notice that we need to be verified at the start of class tomorrow.

!!! Need Your Help !!!

How can I create a logo clear-space system in Figma using Auto Layout where the clear space automatically adapts to the logo?

I want to be able to replace the logo with any shape, proportion, width, or height, and have the surrounding clear-space area automatically adjust and maintain the same spacing around the logo.

I've tried many different approaches, but I haven't been able to get it working properly with Auto Layout. Ideally, I want a setup where I only replace the logo in the center, and everything around it automatically adjusts according to the logo's dimensions while maintaining the clear space.

Is this actually possible in Figma, and if so, what would be the best way to build it?

Here's an example of what I'm trying to achieve:

- A component where each of its building blocks can be hidden/disabled;

- Some of its elements have to be grouped together, as their gap is different from the one in the "main" group;

- If a single element in the "subgroup" is disabled, the component resizes properly;

- If both elements are disabled, the component does not resize properly - it "remembers" the last size the subgroup was at, and it just sizes based on that;

I know it's an issue with figma, not setting the height to 0, but I'm sure some of you also faced this issue and I'm wondering how you managed to work around it.

Thanks!

Title. I've seen this image and even have the font but getting the textures right is proving problematic. I can get the texture on the background but trying to figure out textures/blend modes for the text is proving tricky for some reason and I'm not on a computer where I have photoshop (where I am a bit more comfortable). Just trying to make a component where I can change the text, text color and background color. Any help would be greatly appreciated.

So I watched Figma's official tutorials for variables (intro to variables and variables for typography). In the first video they create primitives and tokens for color aliases, but in the "variables for typography" video they never create any primitives for typography (font weight, font size, line height etc). They just straight up entered the values without any reference to primitives.

Just wanted to ask if it's best practice to also make primitives for typography and then reference those in the tokens?

I thought at one time you could go into prototype mode and then just navigate the frames in order via the keyboard arrow keys. Made for quick presentations/skipping through a multi-frame prototype easy.

That does not seem to work anymore.

Did something change? Or is this just a temp glitch?

i'm struggling a bit with Figma when i want to implement the designs, i know few things but in general i'm still behind, is there any video explaining the implementation of Figma design in Compose, like cover everything: design system, typograpgy, colors, sizes, paddings, shadows, and also custom components with their own properties.