Is there a Figma for Mantine components?

[kungpaogao]

Are the component designs based on some Figma file? And if so, could this be shared publicly?

[rtivital]

No, we currently cannot share our designs on Figma

[rtivital]

I do not have much experience with Figma and I think it would be a huge job to conver everything to Figma components, I do not think that we will provide this feature soon.

[kungpaogao]

Oh, I see! I thought that the designs already existed in a Figma file somewhere. Are the designs of the components based on any mockups elsewhere, or do you just design as you implement it?

[rtivital]

All designs are built in browser only

[danols]

In The Zone has published a Mantine component library for Figma, https://www.figma.com/community/file/1067173247578645134. If you decide that you would like to develop a Mantine sponsored library, I would be more than happy to contribute. I'm a UI Designer w/expertise in Figma and managing design systems.

[Mike-Ro]

There is also a Figma component library (which we use): https://www.figma.com/community/file/1212329956432440320 (competition is good)!

[anthonyshew]

So glad to see that this question is being asked because I had the same one!

We are beginning to develop a product that will be using Mantine for our components. Our designer is beginning today on turning the components from the documentation into a Figma library. We fully plan on making it available for everyone if that is desired by you, @rtivital. We think we have a pretty good plan for mapping the Figma library to the components themselves so that anyone could use it effectively.

We really appreciate your work and would love to be able to help with what we can. Hoping that having a Figma library available will make Mantine more available for more people!

[zbubric]

@anthonyshew and @shewashley, thank you for your work on this! This would boost (already magnificent) Mantine even further and, I'm quite sure, be a major 'selling point' for anybody considering using Mantine.

Trying to catch-up such extensive library in Figma is tremendous job but, I'm sure that it will become easier one you reach 'existing covered, just need to follow updates' point.

Just wondering, due to amount of work, did you consider some way to distribute workload to other contributors and acting as a 'coordinator' for overall progress? I'm sure that there are many people that would like to help with this one.

BR
Zoran

[underyx]

@anthonyshew @shewashley: If you have a way for us to collaborate, my company is also interested in contributing to the Figma library.

[anthonyshew]

@zbubric @underyx & any other spectators:

Honestly, Ashley threw this together for us so we could use it for our work and really didn't expect such a strong response from the community!

We will look into creating a more structured platform for this so others can contribute.

[anthonyshew]

We've created a repository where we're handling the figma library here!: https://github.com/anthonyshew/mantine-figma

[rcronin]

@anthonyshew is this no longer available?

[HamishMcDougall]

Will there be light and dark version of the components in the Figma file ?

[danolsavsky]

We could add them together if you're interested. HMU.

[danolsavsky]

Do we have any updates? Just in case you missed it, I volunteered to contribute to an official Mantine Figma library. The old library (authored by In The Zone) is no longer online at the moment. Please let me know if we could connect. Thanks!

[rtivital]

There is no official Mantine Figma library

[AlexKorzh]

Hi @rtivital! We are going to use Mantine for building our React application.
As of now, I haven't found a suitable Figma UI kit, so my question is how to proceed if there is no suitable Figma kit?
What you will suggest, how to act our designer in that case?

[rtivital]

You can find available figma libraries on getting started page – https://mantine.dev/getting-started/#mantine-for-figma