Been messing with the new motion + shader tools in @Figma for the past few days and honestly did not expect to get this deep into it.
made 4 little studies to stress test it. thread 🧵🩷
I built the noisy gradient tool I always wanted✨
Generate from scratch or drop in your own image, then add blur, grain, glass, dither, ascii and more.
Link 👇
Been experimenting with SVG filters on typography.
Turns out the browser can fake gilded initials surprisingly well.
Wrote about the process ↓
https://t.co/CfVBdLWOVV
Home page interactions for my updated portfolio website ✨
Shoutout to @_jzhao for the sunlight effect, @jh3yy for the tuggable dark mode cord, @BalintFerenczy for the cloud banner background, @hakimel for the stars banner background, and @Ashutosh_7x7 for the candy button!
Some projects deserve a spotlight.
Over the years, @edo_lunardi refined the same @nextjs + @sanity_io foundation across real client work, solving the recurring problems that came up on project after project. Over time, those hard-earned solutions became a reusable starter kit for other developers.
Today, Edo shares the story behind that journey, the architectural decisions that shaped it, and the lessons he learned along the way.
If you're building with Next.js and Sanity, this is for you: https://t.co/u7Jur5Bdru
More and more design studios are showcasing interactive tools in their case studies, and I’m here for it.
We went from static PDFs to motion, and now we’re letting people actually play with the brand. It’s no longer just a bunch of rules, the constraints are built into the brand itself.
Here’s an example from the recent Stack Overflow rebrand by @studiokoto, featuring various interactive elements.
The future of brand design looks good.