# UI Kits in Figma

**URL:** <https://community.weweb.io/t/ui-kits-in-figma/2911>\
**Category:** Ask us anything\
**Created:** [June 1, 2023, 7:43pm UTC](https://community.weweb.io/t/ui-kits-in-figma/2911 "2023-06-01T19:43:48Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![kenboer](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kenboer/32/2491_2.png) [@kenboer](https://community.weweb.io/u/kenboer)\
**Post date:** [June 1, 2023, 7:43pm UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/1 "2023-06-01T19:43:48Z")

</div>

Do I understand correctly that when Figma to WeWeb becomes available, we will be able to use UI Kits like [untitledui.com](http://untitledui.com), [stratisui.com](http://stratisui.com), and others, creating in Figma and importing to WeWeb?

I saw the [Twitter post](https://twitter.com/weweb_io/status/1654477844142227457) about it, but see that it’s [Under Review](https://feedback.weweb.io) on the roadmap.

What quarter is it most likely expected?

Thanks for all your work on this product.

---

<div class="post-metadata">

**Author:** ![Quentin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/quentin/32/6_2.png) [@Quentin](https://community.weweb.io/u/Quentin)\
**Post date:** [June 2, 2023, 2:04pm UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/2 "2023-06-02T14:04:49Z")

</div>

We’re trying to improve the Figma to WeWeb plugin as the first alpha version wasn’t understood by users. We’ll keep you updated on when it becomes available.

But it would be possible yes!

---

<div class="post-metadata">

**Author:** ![West415](https://avatars.discourse-cdn.com/v4/letter/w/919ad9/32.png) [@West415](https://community.weweb.io/u/West415)\
**Post date:** [August 28, 2024, 4:09am UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/3 "2024-08-28T04:09:27Z")

</div>

What is the status of this now? Are we able to use untitled ui or other ui kits in weweb?

---

<div class="post-metadata">

**Author:** ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)\
**Post date:** [August 28, 2024, 6:32am UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/4 "2024-08-28T06:32:26Z")

</div>

I use Untitled UI pretty extensively and unfortunately the figma plugin doesn’t help much. Importing colors and other styles takes as much work as inputting it manually. 😕

I have a published template on the marketplace that takes great inspiration from Untitled UI if you’re looking for a head start. It has the core color library, spacings, components etc all with a familiar look and feel as Untitled.

[https://marketplace.weweb.io/projects/f4ae2bd0-2240-47bb-890b-440b04650c17/](https://marketplace.weweb.io/projects/f4ae2bd0-2240-47bb-890b-440b04650c17/)

---

<div class="post-metadata">

**Author:** ![West415](https://avatars.discourse-cdn.com/v4/letter/w/919ad9/32.png) [@West415](https://community.weweb.io/u/West415)\
**Post date:** [August 28, 2024, 4:31pm UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/5 "2024-08-28T16:31:33Z")

</div>

Thanks for this @Micah - It looks promising. I do see value in what you’ve done and will purchase this if you end up adding more building blocks like cards/panels, etc. This is a great start though and very much appreciated.

---

<div class="post-metadata">

**Author:** ![ryanev](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@ryanev](https://community.weweb.io/u/ryanev)\
**Post date:** [August 28, 2024, 5:48pm UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/6 "2024-08-28T17:48:48Z")

</div>

@Micah I second what @West415 said - do you plan on adding additional components like tables, cards, etc?

---

<div class="post-metadata">

**Author:** ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)\
**Post date:** [August 28, 2024, 7:39pm UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/7 "2024-08-28T19:39:22Z")

</div>

I’m currently working on a system to allow for a lot more! @West415 @ryanev

Right now I currently have a stockpile library of…

- Alerts
- Avatars
- Badges
- Buttons
- Charts
- Checkboxes
- Checkbox Groups
- Dropdowns
- Icons
- Inputs
- Loaders
- Misc Icons
- Slide Out Menus
- Tabs
- Tags
- Toast Notifications
- Toggles
- Dividers
- Tooltips

Still working on refining them all for a lot of options! For example, the single tab component has the following styles that you can change through a dropdown…

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6b00f821cf78f637127605cc60b7a8abe3398526.png)

Same thing with every other component- each is quite extensive with options!

I’m also nearing completion of a full chat section. Almost everything is a component (using dropzones, there are about 12 nested components for finetuning each object if desired), so UI configuration takes about 5 minutes to get the look below!

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e0051eb7126f5395ed3e3df71bb55d6186ccdc83.jpeg)

I’ll likely have different templates that contain different elements, depending on the user’s needs. One might include basic components, another for chat components and so on.

Once this is out, styling your component with your colors/font with also be determined by binding one variable-- it takes about 5 seconds to adapt a component to your brand!

Let me know the components you guys are looking for though, with images! Would love to get feedback on what people are looking for.

Edit: Send component suggestions here: [https://coda.io/form/Untitled-Form\_d7sh\_7uVsRe](https://coda.io/form/Untitled-Form_d7sh_7uVsRe)

---

<div class="post-metadata">

**Author:** ![ryanev](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@ryanev](https://community.weweb.io/u/ryanev)\
**Post date:** [August 28, 2024, 9:49pm UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/8 "2024-08-28T21:49:28Z")

</div>

This is going to be absolutely amazing! Will definitely purchase as soon as it’s available. Just submitted some suggestions.

@Micah do you have an ETA on when you think you’ll be releasing?

---

<div class="post-metadata">

**Author:** ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)\
**Post date:** [September 2, 2024, 2:21am UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/9 "2024-09-02T02:21:15Z")

</div>

I’m not too sure about an ETA unfortunately. It’s a ton of work and I still need to gather more interest to make sure this is a viable project.

I might see if I can connect with some WeWeb staff to figure out if I can do some sort of beta! If I can get that going, I’ll let you know 😄 @ryanev

---

<div class="post-metadata">

**Author:** ![kenboer](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kenboer/32/2491_2.png) [@kenboer](https://community.weweb.io/u/kenboer)\
**Post date:** [September 6, 2024, 12:45am UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/10 "2024-09-06T00:45:07Z")

</div>

Micah, I’d be interested if you developed further elements. Thanks for your work!

---

<div class="post-metadata">

**Author:** ![ryanev](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@ryanev](https://community.weweb.io/u/ryanev)\
**Post date:** [September 6, 2024, 1:06am UTC](https://community.weweb.io/t/ui-kits-in-figma/2911/11 "2024-09-06T01:06:01Z")

</div>

Agreed!

@Joyce @Raphael is there any potential for WeWeb to financially incentivize talented individuals like @Micah to come to market sooner with great resources like this?

I know the Marketplace is just kicking off and starting to build traction, but this would be a way to really accelerate and encourage the development of templates and components like this. And would likely be more cost effective than hiring someone internally to build more templates out…

It’s a truly symbiotic relationship, a UI kit like Micah’s would help attract more paying users to WeWeb. 😀
