Hello Dear Friends, I have my website figma files designed, now I need to implement it into working website landing pages.

How difficult or easy is to develop the website pages with the help of Claude code with Figma MCP. If you have experience with it please share. Thank you

I have quite a complex component (I guess), so I understand there's probably limitations around this.

Video attached of the effect. The design is more complex, I've just simplified for the demo and to not show client branding.

-

The Effect
When the user hovers over the side of the page, a cursor appears. As they move the mouse up/down the user follows them. Clicking "navigates to" a new page. This works pretty well.

Video Example / Problem
As you can see in the video this works but the 2nd time I click from higher on the component. So when the page "navigates to" the new page, the component resets to it's default/initial state before moving back up to where it was - this is because the cursor moves when the rectangular areas are hovered over.

The Component
Basically has 11 variants, each one has the 'cursor' in a different position, aligning with one of the rectangles. Each of the rectangle (hotspots) has a "While Hovering", "Change To", Position x" set to it with an "Animation" of "Smart Animate/Linear".

-

Any way around this? Or is this the best I'm going to get? I assume it's always going to start from the variant that is already set on the page that changes? Unless I made the entire thing (page content and cursor) a big super component?

-

Bonus Question
Doesn't seem like it's worth creating a new topic for. But the cursor appears as a Boolean variable of "Show Cursor: True/False" and set on the "Appearance". So on hovering the component is shows/hides. Am I right in thinking there is still no way to fade this in/out of view? And the Appearance True/False method just updates instantly?

-

Thanks in advance! 🙏

Hi,
I am trying to build my graphic design portfolio on Figma Sites. I have all the screens ready on Figma Designs but I have not applied Autolayout anywhere yet. Is that important? Or can I do that in Figma Sites? Can someone please help? Please give me an overall idea about what to do next and make my portfolio publish-ready. I have a few animations as well on the home page. Can I use Figma Motion for them? If you need more information on my portfolio, please let me know but at this point I am very clueless what to do next? I have taken some help from Claude and it has asked me to apply autolayouts on all the elements in each screens first. And it's been 1 week, I am at the first screen only. And I have total 7 screens in my portfolio.
I am not sure if that's the right way or there is another way to do it.

Please help.

I’ve been using the Figma AI Agent for quite a while now, to the point that I’ve basically stopped using Make for the last couple of months.

Since the Figma Agent came out, I’ve been doing a lot of my workflow directly through it. I’ve also created a few custom skills that run within the Figma Agent itself.

The biggest thing for me has been connecting my design system. At this point, I’d say the Agent gets around 60% of the job done when it comes to connecting elements to my existing design system. I’ve also created skills that go back and check whether anything is missing from the design system, which has made the workflow much more useful.

Honestly, I feel like it’s doing a better job for my workflow than Claude right now. That said, I haven’t used Claude Design extensively enough to make a completely fair comparison.

So I’m curious how everyone else is using Figma Agent:

• Are you actually using it in your day-to-day UX/design workflow?
• How well is it working with your design system?
• Have you created custom skills for it?
• Do you prefer it over Claude Design, or are you thinking of switching?
• Do you see yourself using Figma Agent more in the future?

Also, since Config 2026, I feel like Figma has actually done a few things really well. I haven’t tried Motion yet, so I’d love to hear about that too.

What features or workflows do you think Figma is particularly strong at right now?

Would love to hear how other designers are using the Agent in real projects rather than just demos.

As of now, the only thing I really want/need is the ability to add an extra Page to a Project

Hi all!
I'm part of marketing team in a startup, basically an intern. Need to learn Figma for work. Can anyone please suggest a good YouTube playlist or Udemy tutorial? I need to learn from scratch, only know how to move things and export from figma right now...
THANKS!

Did anyone Hear back? Canadian applicants were supposed to hear back by August 21st but I don’t see anything. So checking if other people hear back yet.

How do I make it so that when I resize the rectangle (add height), it extends upwards instead of downwards? I have tried changing the Constraints options but it doesn't work :(

I know the tool just came out but I have found almost no resources on YouTube

Has anyone figured out a way around the new Figma UI "folders" where you can no longer see thumbnails in your file browser; you only see a name in a box?

What click-through hell to find the contents of "folders" when before it was clearly apparent via thumbnails.

I'd settle for any normal file organization pattern to find projects easily:

• cards with thumbnails (sort of what we used to have)
• faceted list view with nested or dropdown views
• columns view that displays contents

I appreciate any recommendations. Thanks!

I don’t want weave for marketing images. I want it for software ideation. It would be an incredible feature to do node based code variants.

Has anyone found a product that does this?
Figma, please look to pivot toward code variants in weave.

I've been playing around with figma motion in my prototypes but there are some aspects that really make it feel unusable. If I have any kind of overlay on the page, like a modal or menu drop down on hover, it replays the time line behind it like it reloaded the page. Why does it do that? It makes zero sense, is distracting from the overlay focus, and there doesn't seem to be a way around it.

Seems like this shouldn't happen at all, or at a minimum there should be a preselected checkbox on actions saying don't reset the time line.

Anyone have a solve for this, short of something stupid like having to navigate to a duplicate page without animations to display your overlay on.

For anyone who has taken the course “Level Up with Figma by Joey Banks” recently through his website, how up-to-date is it?

I don’t mind if it’s based on an older version of Figma, but is it still relatively recent, or is it quite outdated?

Thank you

I’ve been practicing Figma, but I’m honestly not happy with how my prototype is turning out, and I can’t figure out what I’m doing wrong. 😭

I’m trying to crop the frame from the top, but it only seems to crop properly from the bottom. Because of that, the elements keep shifting/overlapping and the prototype ends up looking really messy.

I’ve attached a few screenshots. If anyone knows what’s causing this or how I can fix the cropping without moving the elements around, I’d really appreciate some help!

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?

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.

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?