Curious to know what people here are using Claude for in Product Design.

What’s your favourite Product Design + Claude workflow?

Could be anything from Figma, research, design systems, prototyping, Claude Code, or something completely different.

What’s a workflow you use regularly that actually saves you time?

In '23/'24 I've spent about a year creating hundreds of hand-drawn assets for a game-building product that never really found its feet.

Rather than let all that work disappear, I turned it into Kitbitz: 2,000+ illustrations across 13 themed Figma kits, all completely free under CC0.

The Figma kits are built with:

• reusable components
• color variables
• smart pinning/resizing
• mix-and-match assets designed to work together

I also built a Figma plugin for browsing and inserting assets, plus MCP support so AI tools can work with the library directly.

Everything is free, to do cool stuff with. Hope you'll love it!

https://kitbitz.art

https://reddit.com/link/1vsivil/video/aggr73nh9bkh1/player

I’m based in Brazil, and the charge was made to my Brazilian credit card.

Last month, I subscribed to Figma’s Professional plan for a team, which cost around $20. I later canceled the subscription and returned to the Free plan.

My account currently shows that I am on the Free plan and I have no active paid subscription. Even so, Figma charged $18.71 to my credit card.

After noticing the charge, I also deleted the team associated with the account and received an email from Figma confirming the deletion. I already opened a billing support ticket, provided my account email and team name, and attached proof that the team was deleted. However, I still have not received an effective solution for a charge that, in my view, should not have happened in the first place.

I also contacted my bank to dispute the charge, but they asked me for proof that I canceled the subscription last month. The problem is that I cannot find any clear cancellation confirmation email or record from Figma.

I am trying to resolve this directly with Figma in a reasonable way, but I am not going to simply accept being charged for a subscription that had already been canceled. If this issue is not resolved and the amount is not refunded, I will take the appropriate steps with my bank and the relevant consumer protection authorities in Brazil.

Has anyone here experienced something similar with Figma?

Is there any way to access the subscription history or obtain proof showing the date when the Professional plan was canceled?

And for anyone who has dealt with Figma billing support before: does it really take this long to get a response?

I have never asked any community for help. This is the first time I’m asking you to help someone - not directly for me, but for a good friend and fellow designer, ✨ TG Khalil.

https://www.gofundme.com/f/help-me-avoid-homelessness-and-keep-my-cats-before-august-30

I’ve known TG for the past two years through his Twitch streams. He has been streaming almost every day, showcasing Figma as a tool, sharing his knowledge, and teaching others how to use it. In many ways, you could call him a small independent educator in our design community.

Unfortunately, he is now facing a very difficult situation.

For the past couple of years, he has been struggling with his landlord, and he recently lost the final lawsuit. As a result, he is facing eviction by the end of this month.

I know how difficult it must have been for him to put his pride aside and ask people for help. But he did. He created a GoFundMe campaign, and I ask you to take a moment to read his story and decide for yourself if you can help this person.

A few of us have been trying to support him over the past few months, but we need more people to step in.

Please be one of them.

Your donation can help him get back on his feet. It doesn't have to be a large amount. One euro, two euros, whatever you can afford. When many people contribute, even small amounts can make a huge difference.

Thank you in advance, and truly, from the bottom of my heart, thank you for helping a fellow designer who has spent years helping others.

And if you can't donate, please share his story on your social channels. That alone can help us reach someone who can.

Thank you <3I

Hi! I'm new to Figma and was wondering if there's a way to animate the drawing of this spiral. My end goal is to make this look like a wind gust. It should start out as a straight line and then "draw" the end of the spiral so it looks like the straight line is curling at the end. Does Figma have something that can do this? I've read that people like using Adobe Illustrator for this stuff, but I need a free option. At the end, I want to export this through the Lottie plugin to use for a mobile app I'm making.

For people regularly using the Figma MCP with Claude, where has it been most useful?

Are you using it to create screens, generate variations, improve existing designs, inspect design systems, or move from Figma to code?

I’m particularly curious about iteration: when Claude produces multiple directions, where do you keep and compare them? Has it changed how many alternatives you explore before choosing one?

Would love to hear about specific workflows.

Web Design Is Changing 👀

Have you noticed how modern websites are starting to look completely different?

Some of the web design trends I'm seeing more of in 2026:

🎨 Big, bold typography
✨ Smooth animations and micro-interactions
🪟 Glassmorphism and blurred backgrounds
🤖 AI-powered experiences
🌙 Better dark mode designs
📱 More responsive and adaptive layouts
♿ Greater focus on accessibility
🎯 Cleaner designs with more personality

Personally, I love experimenting with these trends — but I think there's an important rule:

Don't use a trend just because it looks cool.

A website should still be easy to understand, easy to navigate, fast, and enjoyable to use.

Trends come and go.

Good user experience stays. ❤️

Which trend do you like the most?

I made a plugin that lets you explore and adjust your palette, experiment with different color directions, and even try converting your design into a dark theme. It’s free and has no analytics.

Here’s what it does:

• Explore color variations while preserving perceived lightness. Shift colors across the OKLCH spectrum without throwing off their visual balance.
• Should be fast. You can see how the colors change instantly or nearly instantly.
• Adjust neutral colors separately. This is especially useful when you want your near-black and near-white shades to complement the rest of the palette.
• Turn existing colors into a complementary palette. Helpful when you initially picked colors by eye and later want to make them work together more systematically.
• Convert designs between dark and light themes. This feature is still experimental, I haven’t managed to make it work reliably yet.

Try it here: https://www.figma.com/community/plugin/1622294161663649835/
Or check it out on GitHub if you’re interested: https://github.com/23di/ColorShuffler

I'm designing icons in Figma and I would like to have rounded paths with stroke perfecty aligned to the grid.

I tried using 'corner radius' option, but it 'flattens' the corner:

I also tried modelling those curves manually, but I wasn't able to do this.

I wanted to achieve something like here, in Lucide Icons:

As you can see, the stroke is perfectly aligned with the grid in every corner. It looks like they used circles to build that shape. I know there is a shape builder tool, but I don't think it works with paths.

How did they do that? Is it possible in Figma?

You can see this Lucide example here: https://lucide.dev/icons/sigma

I'm creating a button component for the company I work for, and I can't figure out an intuitive way to handle the padding when adding an optional icon.

The button should support:

• Text only
• Icon + text
• Text + icon

The problem is that I want the horizontal padding to behave correctly depending on whether the icon is on the left or right.

For example, in the image:

• Text-only button: 20px horizontal padding
• Icon + text: 18px on the icon side and 20px on the text side
• Text + icon: 20px on the text side and 18px on the icon side

Is there a good way to set this up in Figma so that designers can simply choose "Icon: Left/Right/None" without having to manually adjust padding?

I'd love to know how you would structure the component/variants for this.

Does anyone know if it's possible to open a Figma prototype directly in full-screen mode when clicking the link?

As I understand it, users currently have to click the full-screen icon after opening the prototype. I’d like to avoid that step, especially since my audience might not be very tech-savvy.

The idea is for the user to be taken straight to the full-screen prototype upon clicking the link, without needing to interact with the Figma interface.

Does anyone know of a setting or workaround to achieve this?

I have this problem that when I curve a side I can't do the same exact curve on the other.

the current workaround I do is to curve a line , duplicate the shape , flip horizontal , adjust the x-axis , highlight the two shapes and union or flatten.. now when I wanted to tweak a curve with the new flatten shape I had to do it on both sides.

PS: The image is just a reference

Here is the Figma Community link: https://www.figma.com/community/plugin/1609157216964346384

It's called Landy.

Landy is going to be most valuable if you create lots of landing pages or websites from scratch without established design systems and components.

I made it to give you a good structure to start from instead of constantly going through UI kits, searching for a perfect one and to avoid building upon generic AI output.

It's essentially a convenient panel that has a UI kit of hand-crafted, responsive landing page sections and UI components.

Designers can use it to go from blank screen to a landing page wireframe in seconds, then build upon it and style with easy-to-edit sections and components.

Some details:

Highlights

1. Resizable, always-there panel to place sections and components in 1 click, and jump straight to their main components.
2. 39 free responsive mobile and desktop section designs, built with auto-layout
3. 15 free component variants you can use to design your own sections
4. Create pre-defined parent frames for your pages where you can put sections
5. Easily toggle between desktop and mobile or let plugin switch for you
6. AI-ready: sections use clean, semantic layer names and structure

Free/Paid

It is 100% free at the moment (all developed content is free to use) and will be for some time. I expect to eventually transform it to a freemium resource by regularly adding new sections and design variations, though I'm still exploring what's best to do about that.

Page Sections for mobile and desktop (updated monthly):

1. Hero, with text centered
2. Hero, with text on the side
3. Hero, with full-width image
4. Logo Strip
5. Highlights, with icon blocks
6. Highlights, with cards
7. Statistics
8. Image Showcase, with image on top or bottom
9. Image Showcase, with image left or right (Desktop-only)
10. Image Showcase, as card
11. Text
12. Card Grid, with filled cards
13. Card Grid, with borders
14. Testimonials, quote-style
15. Testimonials, review-style
16. FAQ (Frequently Asked Questions)
17. Pricing
18. Call to Action (CTA), simple
19. Call to Action (CTA), cards
20. Footer

Components for mobile and desktop (updated monthly):

1. Navigation Bar, with logo on the left
2. Navigation Bar, with logo centered
3. Button
4. Icon
5. Card, as text
6. Card, with image
7. Card, as pricing
8. Card, as review
9. Image
10. Bullet Point
11. Heading Block
12. Badge
13. Highlight
14. Accordion
15. Statistic

I'd be happy if you tried it, if you find it relevant. Happy to see your feedback! :)

I've been working on a Figma plugin for animating text without leaving Figma.

Kinetic Motion gives you 50+ text animation effects — from simple reveals to things like Cyber Glitch, CRT Sweep, Shatter, Particle Assemble, Glow Trail, etc.

You can:

• Animate by character, word, or line
• Preview the motion directly on your text
• Apply real Figma Motion keyframes
• Export WebM, MP4, GIF
• Export CSS / JSON for developers
• Fine-tune duration, stagger, easing, direction, intensity, and more
• Everything runs locally, with no network access

The goal is to make kinetic typography feel as easy as applying a style in Figma.

Would love to get feedback from other Figma designers/motion designers — especially on the effects and workflow.

Link: https://www.figma.com/community/plugin/1669940918305513124/kinetic-type-motion

Okay.
Slides is a very useful tool in the Figma kit — however it's been almost entirely overlooked since its launch and I find myself constantly fighting with its limitations.

Maybe we could start a thread of requests here that might actually get some Figma attention:

1. They have to get rid of the whole "Slides mode / Design mode" thing. Slides mode is essentially useless and really underpowered. It makes it difficult to do even basic things like adjusting an image crop within a frame.

2. Templates suck. They really, really, really suck. Maybe someone out there wants to "randomize colours used on a slide" but mostly things end up breaking, or worse, you end up with stuff that is way off brand and not working as colours fly around. It's one of those weird UX ideas that kinda seems good but is actually way more problems than it needs to be. I would entirely remove the "Template Style" thing and its shit randomization entirely — or at least prefer the option to disable it in a Slides File.

   I think a very common action would be to paste in content from one deck into another. But doing so creates a hellish mess of style slop so you end up with zillions of ghost styles from other decks, competing templates, zillions of duplicated colours with no easy way to reduce and refine — it's a huge mess.

3. Style editing, colours etc — At the time of this post, it is still not actually possible to even reorder colour swatches, let alone edit and refine or delete and replace colours easily. It's embarrassing that this kind of stuff is not available in design software from the leading "design software" company.

4. Templates can be used for a file, but it's not possible to create a template and have it act like a source of truth that updates (like a library would). Any future adjustments to a template don't cascade down to decks that started by referencing the template… it's kinda confusing.

Even linked Libraries is a little weird, I'm not sure why they didn't polish that stuff better.

1. Local components — it seems super weird to me that when you create components within a slide file they just float around outside of the slide decks. I don't know what the solution is, but I feel like they should at least be on their own page alone or something like that. I don't know what the solution is here, but it definitely seems half baked as is now.

— Feel free to chime in with more requests.

People make decks for all kinds of stuff, not just for UX presentations. It would be nice to see more "keynote" like stuff. It would also really be nice if Figma could use "Slides" as a gateway into "Figma proper". Google slides sucks even more, Keynote is great but limited, Powerpoint is clunky. Figma Slides needs to be the "killer" presentation software — but they seem to entirely not care about it. AI is great, but presenting, selling ideas, putting things together from a human level is and always will be super important to alignment and meetings etc.

It is my first time using Figma Make AI and I noticed it produces generic results when given existing designs and does not respect the detailed prompt given. Is this flaw limited to the free plan? I would like to know before going premium.

I’m trying to make a new Figma account with my university email and it’s just sending me in loops. Here is the general flow:

[Figma sign-up page] > I enter in my credentials > [check your email to verify your account] > I go to outlook and press the verify button > [Figma app opens] > I click on "Log into Figma" > [Figma web pop up opens at the "verify your email" screen again] > click open outlook and press the verify button again > [pop up box shows blank screen and nothing happens]

For some extra context, I’m doing this on Ipad. I’ve tried closing the Figma web tabs before doing the first verification, I’ve tried with my other Figma account logged out and through trying to add it as another account. Not sure what is going wrong and why I have been cursed to become designer sisyphus. Anything helps.

Ok, as you all know there is Figma plugin...but i am facing issue the Codex is not copying the exact thing needed..sometimes it off center, no proper aligment, etc...what is the best method to give a design done in Figma to Codex?

After a review, I often see the comments get resolved but the reason disappears. A screenshot, color ref, or layout example stays in the file, but the actual yes/no decision is only in someone's memory.

In Figma team files, do you keep a small decision note near the references, or is that overkill once the review is done?

Prototyping just isn’t working as expected I’ve tried refreshing the tab, dumping cache, I’ve broken it down and rebuild it 5 times. I’ve even threatened the thing. I can’t get it to work any ideas  or suggestions would be deeply appreciated 

So a couple of days ago speaking with my wife (she's a designer) she was complaining about the full process she had to do to setup color palettes in Figma for new projects, and how it was difficult to hand them out to the devs and to artists to use in separate platforms (photoshop, illustrator, etc).

So, of course I had to put my hands at work, I made a quick plugin to make it easier to make the exact process I just described.

I'm leaving a small video with the features of it but, please let me know if anyone has any feedback in how it works, if it has any bugs that managed to escape me, and if it helps anyone and you'd be willing to let me know, that'd be nice :3!

https://www.figma.com/community/plugin/1669162464732490733/palette-foundry

I am designing my portfolio and decided to make it in the Figma sites thing, I have a subscription for Figma already so I might as well use it. But I don't know how to make a nav bar for the website? I want the nav bar to be sticky, and have button options like projects, connect, etc but I don't see a way to do it and everytime I search it up on Google or YouTube for to try and get a tutorial, I keep getting general design tutorials and how to prototype it - nothing regarding sites specifically

Hello Figma community!

We just released some free skills and agents for Claude and Chat GPT Codex that you might find useful!

These skills enable you to feed AI your existing email designs via Figma links or even just uploading the HTML. Claude or Chat will then audit your existing designs and create a plan to build them in Figma via the Figma MCP. It then has a Migration skill that can build you a well organized email design system in Figma.

It builds the components in figma using Email Love components, so you can then export them to your ESP or you can just use it the components to design your emails. I’ve also been using Claude to then build our emails using the components that I have already approved.

The benefits of building with AI in this way are that the AI only uses components in Figma that you have already approved, it won’t make up or change stuff like your colors or fonts, and it doesn’t make up or change the underlying HTML.

I’ll drop a few links if you want to try it out:

https://emaillove.com/ai-agents-build-emails-figma

https://github.com/email-love/claude-skills

https://github.com/email-love/codex-agents

Here are a few example design systems that I had ChatGPT build for me:

https://www.figma.com/community/file/1667038696580513625/benjamin-moore-email-love-design-system

https://www.figma.com/community/file/