(FIXED, CHECK MY COMMENT!)
Hi, I’ve been having a problem for the past two days. I’m using Chrome on Windows 10, and whenever I try to access the website, a WebGL error appears. The strange thing is that I have WebGL enabled; I’ve also enabled "Override software rendering list" on the flags —as suggested by the Figma help forum—but the issue persists.
Was experimenting and wanted to see if it could handle an entire product launch video from start to finish.
It felt pretty simple to use as someone's first time doing any motion design but had performance issues where it kept dropping frames and lagging during certain parts. It's also lacking some features I would've wanted like importing audio and video and keyframing for gradients and certain effects. It's still in beta so hopefully it improves.
For now, I think it can mostly handle what I need. I'm curious whether others would use figma motion over alternatives? I've tried cavalry but it didn't feel as intuitive. How does rive or after effects compare?
hi everyone,
i'm a design student, i have to turn in and present a portfolio prototype on monday. i'm pretty much finished, however my prototype preview is running horribly slow the more i worked on it (i mean 3fps slow) even though it's not a complex prototype.
I copied the prototype link and viewed it in my browser, that ran a lot smoother. my laptop isn't the newest and best anymore, however I feel like there's no reason for the perfomance to be this bad.
I'm getting kinda concerned with monday. The presentation will be via zoom and the preview is already running so slow under the best circumstances, i think it will be a total sh*t show with zoom and screensharing on top, so i'm thankful for your advice and ideas.
i won't post the project on here bc of privacy but here's some general info:
3 page website prototype, 11 components/assets in total, simple instances (hover changes color etc.).
Most complex page is a work gallery, nothing fancy tho.
Hi everyone,
I'm using the Figma Desktop app on Windows (v126.6.12), and I've noticed something that's been bothering me.
Previously, whenever I clicked the Gap value in an Auto Layout frame, Figma would show a list of common spacing values like 4, 8, 16, 20, 24, 32, etc. It made changing spacing really quick.
Now, when I click the Gap dropdown, I only see:
The preset spacing suggestions are completely gone.
I know I can manually type values, but I really liked having the predefined list since it was much faster and I didn't have to remember or type the spacing values every time.
Has Figma removed this feature in a recent update, or is this a bug or setting on my end? Is there any way to get the old preset spacing dropdown back?
I've attached a screenshot for reference.
Thanks in advance!
Designed on Figma, Not available as a template, It's purely a mock-up and none here is real, It's called Incogni, My concept was an Anonymous 2000s forum (NSFW Allowed) divided with subforums (Subreddit in reddit language) personalizable with CSS, For more questions, Ask below. I finally got to share this concept and mock-up. I based myself off the old reddit website, Font is verdana
I'm a design director doing heavy Figma automation work — copy migrations, design token audits, making sure variable bindings are actually correct across hundreds of components. The kind of work where "walk every node and check every property" is the whole job.
I've tried Figma's official MCP, Figma Console MCP, and a Figma CLI wrapper. All have the same failure mode: disconnections, slow round-trips, and — worst — silent incompleteness. Claude will report "done, verified" after a full audit and then I find a dozen nodes it never touched. On a recent wireframe-to-component migration it skipped entire frames and still claimed full coverage.
I ended up building my own CDP-based CLI (drives Figma Desktop directly, no plugin/API key) with token import/export, component scaffolding, and screenshot-based self-verification specifically because I needed the AI to prove its work rather than assert it. It's better, but I'm still fighting the same core problem: getting reliable, complete traversal of a large node tree without it losing track partway through.
Anyone found patterns that actually hold up at scale? Specifically:
Want to spend less time babysitting and more time doing the actual design work.
I've been digging into design variables and tokens, and decided to build my current game project around them for scalability. It's going well for numbers and strings - those variables hold up even in a visually dense UI. Color is where I'm stuck.
The problem: managing that many semantic tokens for a detailed game UI gets tedious fast. Most surfaces aren't just "one color" - a basic red panel might need a highlight, a shadow, a slightly different border shade, etc. Multiply that across every surface type and the token list explodes.
I know assigning raw primitive colors directly is considered bad practice, so I tried the "proper" route: making a semantic token for every primitive. But then I'm creating one-off semantic tokens just to use as a highlight or accent in one or two places, which feels like busywork rather than a system.
I originally wanted variables so I could swap the game's entire color palette easily, but the amount of repetitive token-making to support that is starting to feel like it's outweighing the benefit.
So - for genuinely complex UI, is it actually better to skip strict semantic-token coverage for color and just hand-assign values in some cases? Or am I missing something that's supposed to solve exactly this? I'm still new to variables, so I might just be missing the right mental model here.
I just developed a plugin that lets you export Figma Motion animations to Lottie — with no login, no subscription, and no hassle
https://www.figma.com/community/plugin/1653028369274786320
Give it a try and share your feedback
Been enjoying Motion so far. Really powerful when combined with components and variables. Here’s a cool World Cup animation I made!
Did it get moved someplace weird? Am I blind and it's hiding in plain sight? I'm not seeing it on the new side panel.
I want to practice my knowledge by redesigning brand's websites which category you can suggest for me , for example is it accessories, restaurants, clothing, digital marketing Agencies..?
Sorry if this is a newb question. Feel free to just point me to the right video tutorial.
I have a toggle button that I would like to control another button. Specifically, when the toggle is an 'active' pressed state I would like a different button to leave its disabled state. Is this possibly done through Variables or Flow maybe?
On a very basic level I don't have any experience making a component change another component. So there is probably some elementary learning I have to do here.
I kept wanting charts that looked like they belonged in a magazine or a clean report instead of a typical colorful dashboard, so I built a small monochrome data-viz kit and put it on Figma Community for free.
It currently has 9 chart variants across 4 types (bar, line, scatter, donut), all built from components with a color token system, plus light & dark mode. The idea is editorial polish — charts that read well right next to body text.
I'm actively expanding it, so more chart types are on the way. Would love to hear what other chart types you need, or any feedback at all.
Free here: https://www.figma.com/community/file/1638658339772486828
I don't like this sidebar, it serves no purpose, and all of these menu items can be placed in a drop-down menu somewhere. The entire sidebar is eating too many pixels. I use an ultra-wide screen, and still I want my 58x1372 pixels back! I would hate to now use Figma on my laptop screen.
Hi,
I'm trying to build a UI/UX agent that is capable of writing to Figma, currently I am using an npm package to start up an mcp server (figma-developer-mcp) and was confused when I first saw there were only 2 tools.
One to Get Figma Data, and one go Get Images.
I've got my code based agent using a Claude model to read my existing forms pages fine, but as part of my agent I'd like to be able to accept input from another agent, which should create some wireframes for me and update/sync automatically via tools I expose on my UI/UX agent.
I could not seem to find anything online, tutorials I've watched have been using IDEs like Claude or Cursor and setting up the MCP there, and they seem to have the ability to write to figma.
While using a code approach to connect, it doesn't seem possible.
Maybe I am missing something, does anyone have experience with this please?
I have a question -- I don't know if we're ok to ask questions like this but I'm really hoping someone can help me out. When I design in Figma, I tend to break my head over the auto/alignment stuff and just kind of create boxes/frames and manually piece it all together. I know this is bad practice of course, as things wont be perfectly aligned, it's more tedious etc... I've tried going through so many tutorials to get it right but it seems like they all kind of skip through some stuff or it doesn't translate on my end...
can anyone help with this? I'd totally buy like a gift card or whatever for your time lol, desperate for help!
Tried Figma's new Motion feature this week and animated this whole thing without leaving the file.
That's the part that got me. No exporting to After Effects, no rebuilding it in Jitter, no jumping between tools just to test one idea.
What I actually used:
Anyone else seeing this? Just updated, am in my design system, and every single component’s properties are now gone.
UI copy is one of those tasks that looks small on a task list and quietly eats hours per feature.
I built a UX copywriting skill in Claude.
It connects to Figma via MCP.
And it writes copy directly into my Figma files.
I don't think about text upfront anymore.
I build rough flows with dummy data and send the flow to Claude.It handles the rest in one prompt.
Before: open a screen, think about the heading, write it, move to the next screen. Repeat for every CTA, every error message, every label in the flow.
Now: one prompt and AI will write UI copy for selected flow.
The goal is to spend less time on copy and more time on actual design decisions.
Question:
Has anyone else tried automating the copy layer in their design workflow? Curious what's working.
Would be interested whether anyone’s intentionally using library swaps for colors instead of collections and modes?
The only advantage I can think of is it simplifies the right sidebar for someone using the design system file by not exposing modes or collections.
But it also means that there’s a lot more fragility because library swaps only work if names are an exact match. So then there’s a code piece, a figma file, and alternate figma to maintain naming with as well as values except for theme overrides which you lose the ability to track without exporting and doing a diff.
I def lean towards collections and modes as the default, but are there cases where
Using library swaps are advantageous?
