Skip to main content
Question

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

  • July 19, 2022
  • 1 reply
  • 1307 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 settings

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