Importing a team library component using plugin

Ah thanks for the quick reply!

So this is exactly what I had but for some reason its not importing the component. I’ve check that its a published library so I should be all good there. and I know it works because I was able to use the automator plugin to test the key was working.

When I try figma.importComponentSetByKeyAsync(key) I get a 404 but figma.importComponentByKeyAsync(key) shows no errors at all. not quite sure were I’m going wrong

I’m not sure what could be wrong on your end, but try creating a new file and importing the component into it.

If I just delete everything else and leave just what you posted, when running nothing happens on the page or in the logs. It all seems like it should create the instance and drop it on the default Page 1 but nothing 😢

If the node didn’t appear on the canvas and the layers panel, then the plugin is probably closing before the promise resolves.

Try creating a new promise, wait for it to resolve, create an instance, and call the plugin close.

Ahh nice! that worked. thank you very much @tank666

For anyone else that might need it in the future:

async function importNode() {
let importComponent = await figma.importComponentByKeyAsync(key);
importComponent.createInstance()
figma.closePlugin();
}

importNode()

Hi @tank666 @Kenny_Lopez i need one help how we are getting this key ? Can i access any components whom i don’t have access but by this key i can import the components . Really sorry i am very noob at Figma.

Steps would really help.

Thanks 😊

This article helped me