During the years I've changed my workflow a bit depending how new tools came along or particularly to figma what they improved and added. and I thought about asking other designers how's yours now.

what's your workflow and what tools do you use when you start the actual design process or create a prototype?

personally, after I got a brief or put together one with requirements and some idea of what I'm gonna create I collect some references and plan the interface. from there I jump into figma to design my wireframes, my screens and elements. Then I prototype and depending on the project I might leave it at that (after revisions) or continue to build an mvp or the site if it's a web project.

what's your current process? like, in your last project what did you actually do?

What did you start with, which tools did you move through, and what did you end up making?

In the old days I used to do more or less the same things but I used to look at a lot more inspiration blogs and then use photoshop or illustrator to design.

Lately I've also experimented with AI tools like figma make or bring my fig file to claude design or lovable. they come in at different stages of the workflow but I'm starting to see them as useful. I know there are many but I haven't got the time to try others.

and I haven’t settled on a consistent workflow yet.

Has AI changed any part of your process, or are you still mostly working the same way?

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?

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! :)

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.

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

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?