Make Kit - No components were extracted from this library

I have this problem too. My variables were carried over but none of my components were.

I am also having this problem!

*Edited for clarity*

Hey ​@HeatherSimpsonMayfield  👋 Thanks for flagging, and thanks ​@Jessica Huang  and ​@Duckling  for chiming in with what you're seeing on your end too.

Before I open a support ticket, I want to make sure we can get this reproduced. Could any of you help with the following?

• A full-size screen recording of the issue happening (most useful)
• Screenshots if a recording isn't doable
• Edit access to the affected file granted to support-share@figma.com so the team can poke at it directly (won't affect billing — just share from your Figma email)

No need to post any of it here — just let me know who's able to provide what and I'll work on our next step.Talk soon! — Jaycee

HI ​@Jaycee Lewis thank you for your response! I am happy to provide a screen recording. Let me know where I can send it.

Hey, ​@Duckling 👋 That will be great. I’l send you a DM with additional details. For anyone else who ends up with a reproducible issue and a screen recording, you can always self-serve a bug report by following the steps here — What to share in a bug report to Figma Support. — Jaycee

Also happening to me!

Hey ​@Duckling ​@Carlos Olivieri ​@Jessica Huang does this produce an error, warning, or other message? If so, can you capture it in a screenshot or screen recording? Thanks! — Jaycee

Also don’t see my components. It doesn't show an error. It’s just a text line in the components.md file. Is there no direct components import from a figma design system to make kit or it must be included in a npm package?

​@Jaycee Lewis when I go to components.md nothing is populated, just says “No components were extracted from this library” at the bottom.

Hi,

I am facing a problem closely around this step. Once we Create a kit, using “Library Styles” and not the “NPM Package”, would it also pick up components from my library styles, such that when I prompt for a design in Figma Make, it will actually reference the actual components from that design system library.

I have been reading about this in Figma Make Kits page, but its not very clear, whether the components are also accessible using Library styles or we really need to download the npm package as well.

Hey ​@Jaycee Lewis 

I am kind of in the same boat. But the experience is a bit confusing here for me. Am attaching a screenshot for that explanation.

1. I am doing a POC with Carbon design system
2. Published it and create a kit using “Library style”
3. I dont see any components from Carbon in the Components folder as such, but when i tried building a page, i checked the code for that page and there in, it refers to components being imported from Carbon/React.

Is it the case that, the components are not shown as such in any folder, but when we build, if a page is using any, it will simply import those components via code.

Could this be confirmed? Bigger question of course is, if we just create a Make kit using “LIbrary Styles” are the components by default also accessible OR these could be accessible only through “NPM Package” route.

Hi, ​@Yogesh Arora 👋 Let me do some digging for us and I’ll try to follow up here by the end of the week. Thanks! — Jaycee

Hey ​@Yogesh Arora  👋 Great question — and observation.

When you create a kit using "Library Styles," Figma Make extracts your library's CSS styles — colors, typography, spacing, and tokens — and delivers them as a styles.css file inside the kit. It does not extract your components. That's why you don't see a Carbon components folder in the kit.

So to your bigger question: components are not accessible by default through the Library Styles route. To bring in actual components, you need the NPM Package route.

- Library Styles → styles and tokens (styles.css + guidelines)
- NPM Package → the actual production components

Basically, code components come through the npm package route while styles/tokens come through the library.

Docs for reference:

• Bring style context from a Figma Design library to Figma Make kits

• Bring your design system package to a Figma Make kit

Please let me know if you need any additional help! — Jaycee

Hello ​@Jaycee Lewis 

Thanks for the response. A question:

How can i install a Design system, which i have purchased through a license, I am guessing thats not a simple process perhaps as you mentioned through NPM package. The one in above thread was Carbon, which is open sourced, so was easy for Figma Make to fetch online.