I've been working on my first widget!

FigJam Template, plugin, and widget ideas
1

I’m building a super simple widget to share with the community but I’m desperately trying to add a nice smooth shadow to the main frame, but I can’t find the right props to do it with

Could anyone point me in the right direction?

<AutoLayout fill={"#eee"} padding={4} cornerRadius={40}> // I want to apply a shadow to this frame?
			<AutoLayout
				verticalAlignItems={"center"}
				direction={"vertical"}
				spacing={8}
				padding={16}
				cornerRadius={40}
				fill={"#fff"}
				stroke={"#E6E6E6"}
				strokeWidth={1}
			>
                       </Autolayout>
</Autolayout>
2

Add an Effect property to the desired frame, for example:

effect={{
    type: 'drop-shadow',
    color: { r: 0, g: 0, b: 0, a: 0.2 },
    offset: { x: 0, y: 0 },
    blur: 2
}}
1 Like
3

Thank you so much !!!
I’m literally yesterday old in react so really excited it works!

4

All done ! Thank you @tank666 for your help!
My plugin is now in review!

https://www.figma.com/community/widget/1101560860533643263