r/FigmaDesign

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://preview.redd.it/9o9qz3ik9bkh1.jpg?width=6000&format=pjpg&auto=webp&s=e98cd04c5cab9af9e1bb026ee0976854fb28e3ce

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

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'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.

https://preview.redd.it/i0doub4isakh1.png?width=397&format=png&auto=webp&s=d042411a8e7b7b1d371ea21b1dc68722b7ccf50d

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.

5. 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.

https://preview.redd.it/hs7li4jc35kh1.png?width=1073&format=png&auto=webp&s=5a69b99c3be0392c5568e66bbef092f7a83027a8

hi! if you use Mobbin for your designs, I’d love it if you could DM me 🫰

Hello everyone, I'm very interested in learning UI /UX, personaly I'm a graphic designer specialised in Photoshop / Illustrator. I have heard all about Figma and I will be documenting everything I learn in here hopefully I will meet new friends who will help me grow as I walk on this road . Cheers

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

Hi, so I'm trying to make a really good presentation of my newest project for my portfolio. It is a design of a website made in Figma. I'm trying to put this design in many various already existing, free mockups, however every time I put my design in the mockup the quality drops. I am aware the reason for that is the differences in resolution but I don't really know how to make it work. I tried resizing the design so it matches the resolution of the smart object in the mockup but it still drops on quality.

Any tips are welcome. I want to take my portfolio to next level to maybe finally land a job but I'm kinda stuck with trying to keep the quality at maximum or at least so it's not blurry.

[supprimé]

It's been a few months since I started learning figma from Daniel Walter Scott. He's a great tutor. I watched it and made a few projects.

Now I'm confused on what the next step should be? What should I learn next?

Also is there any tutorial about a project like what to do before starting a project, how to think before doing a project, project structure, about case study? Like the proper way of doing a project

Hi everyone, I want to learn ui/ux designing but I don't know where to start what to study I want your experiences how you guys learned figma,is it really worth it? I want to secure my future in ui/ux because I love designing

Who has the best video tutorials for learning figma basics? Preferably free tutorials.