My shaders file deep dive | Show Your Work
15.3K views · 2026-09-08
UI Design
Want to learn how to create expressive design effects with shaders? Jump into the design file with Piers Cowburn to see how one designer stacks and animates shaders to bring his designs to life. You'll also learn how to publish and share your own shaders with your team and to the Figma Community.
Check out the actual shaders used in the video:
https://www.figma.com/files/787077236908093158/resources/community/@pierscowburn?fuid=1171514292853710894
Learn how to animate shaders in Figma Motion:
https://youtu.be/spMhSWAmduw
00:00 Intro
00:20 What are shaders?
00:45 Animate the designs under your shaders
01:55 Animate your shaders
02:52 Stack your shaders
03:17 How to copy and paste shaders
04:32 Build custom shaders
05:28 Publish and share your shaders
05:39 Tips summary
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/
Check out the actual shaders used in the video:
https://www.figma.com/files/787077236908093158/resources/community/@pierscowburn?fuid=1171514292853710894
Learn how to animate shaders in Figma Motion:
https://youtu.be/spMhSWAmduw
00:00 Intro
00:20 What are shaders?
00:45 Animate the designs under your shaders
01:55 Animate your shaders
02:52 Stack your shaders
03:17 How to copy and paste shaders
04:32 Build custom shaders
05:28 Publish and share your shaders
05:39 Tips summary
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/