Skip to main content

Figma Make are not using my library components attached. It only picked “generic” ones. Both with “Attach design” and using a full design system library file.

Hey ​@Daniel_Leinerud, thanks for reaching out! 


To use an existing design system in Figma Make, you'll need to ensure that your designs are properly set up in frames or as components. Here are the steps you can follow:
 

  1. Ensure your design is in a frame or component: Designs you want to attach to Figma Make must be either a component or added to a frame. You can use the Frame tool to create a frame around your design if it's not already in one.
  2. Attach your design: Once your design is in a frame, you can attach it to Figma Make. For your reference, I've included a screenshot of what that area would look like (bottom left corner of a Make file). If you encounter any issues, make sure to check that your design is correctly framed.

For more detailed guidance, you can refer to our best practices for attaching designs and images.
 
If you have any more questions or need further assistance, feel free to ask!
 


Daniel, I’m having the same problem. Even when I attach a design that is using the components it doesn’t work. 

 

Honestly so far it is fast to design than to use Figma Make and the code it generates is not what our design system using at all.


Hi ​@Gayani_S and team, is there a roadmap that includes the ability to replace and/or augment the initial shadcn component files? For instance, an ability to upload a ZIP of accurate component files that still use React, but aren’t shadcn.

Or is there a plan to allow for a more direct connection to design system code rather than the translation to shadcn components that currently happens when onboarding a library?


I am also having trouble with figma make using the ui library. I did a prototype before tht worked really well wiht no ui library attached, but now that I am using a library, it is using random elements. I am pasting a frame of my designs and everything uses auto-layout and components from Radix UI library


Hi ​Patrick, thanks for the feedback and apologies for the delayed reply! 

I’ll pass these requests onto our Figma Make team for future consideration, but there’s no exact timeline we can provide right now. 


Hi Daniela, thanks for reaching out! 

I completely understand how frustrating it must be that your library isn’t being properly reference by Figma Make. 

May I ask if this is happening with an entirely new Figma Make file? Or are you reiterating a new Figma Make from the previous Figma Make file you used to make the working prototype. I only ask, because it’s recommend to always start with a new, fresh Figma Make file. 

That said, to ensure you’re adding your Figma library correctly, be sure to:

  1. Export your library from Figma Design
    This gives Figma Make access to your existing styles and components.

  2. Select the library inside your Figma Make file
    Once you’ve linked the library, Figma Make will pull in the styling CSS automatically. From there, you can refine things further—edit the imported styles, or add design guidelines to fine-tune how those styles are used in your prototype.

More step-by-step information is available here: https://help.figma.com/hc/en-us/articles/33024539096471-Bring-style-context-from-a-Figma-Design-library-into-Figma-Make