Skip to main content
Question

How can I export a ComponentNode as an image without shadow effects?

  • July 19, 2022
  • 1 reply
  • 1310 views
aaronw4ng

Hey everyone,

I’m currently trying to build a plugin that will convert Figma ComponentNodes into images using exportAsync. The user can select a component, click render, and it call exportAsync on the component and return the image bytes.

However, the image that is exported has a drop shadow effect. I want to export the image without any effects, if it is possible.

Thank you so much for your help, I greatly appreciate it.

This topic has been closed for replies.

1 reply

tank666
  • tank666
  • 4873 replies
  • July 19, 2022

Have you considered this way:

  1. Clone or create a node instance;
  2. Change the effects and/or effectStyleId properties;
  3. Export as image and delete clone/instance.
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Terms & ConditionsCookie settingsAccessibility statement

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings