Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Working on a new side project for dithering and applying Riso graph-like effects on the web and in Figma

Daniel Destefanis

17,889 subscribers

30,301 views • 1 year ago •via X (Twitter)

Education Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

11 Comments

Dan Ross1 year ago

Pretty cool. Kind of reminds me of onull. Different though

Anima1 year ago

Transform your @figma designs into production-ready @shadcn components with Anima. Streamline your workflow, maintain design consistency, and generate Tailwind-based code effortlessly.✨

Lichin Lin1 year ago

really enjoy the number-ticking animation!

Daniel Destefanis1 year ago

All credit for that goes to @MBarvian and his excellent library

Todd Morin1 year ago

How can I get my hands on this?

Moussaab1 year ago

We need this ASAP!!

Keshav Bagaade1 year ago

This is amazing💯🔥!!! are you using an svg overlay to get the effect on web?

Daniel Destefanis1 year ago

Webgl! I found an open source riso js library made for p5.js that I converted to a shader with help from Claude!

Kenneth Luplau-Brøgger1 year ago

Uhhhhh! 😱😘

Damián Martone1 year ago

Super interesting!

Nate Smith1 year ago

These sliders did not have to go this hard

Related Videos

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Figma

351,172 views • 1 year ago

Import web app and websites into Figma Make ✨ Import, remix, vibe-design and prototype new features on the fly

Import web app and websites into Figma Make ✨ Import, remix, vibe-design and prototype new features on the fly

‹div›RIOTS

5,920,339 views • 3 months ago

And just like that... Maestro is now working on Web! Check out the experimental web driver in action below:

And just like that... Maestro is now working on Web! Check out the experimental web driver in action below:

Maestro

61,480 views • 3 years ago

ok last post of the day. what i love about the new plugin with effects chaining, is that i can create something like a lens flare, but add dithering to it, and then add a retro color filter. you can just keep chaining for really awesome effects

ok last post of the day. what i love about the new plugin with effects chaining, is that i can create something like a lens flare, but add dithering to it, and then add a retro color filter. you can just keep chaining for really awesome effects

˗ˏˋ rogie ˎˊ˗

12,308 views • 1 year ago

applying flow to a uv map to sample it again with different images instead of applying the effect directly. saves a lot of time for effects like this and re-using sims

applying flow to a uv map to sample it again with different images instead of applying the effect directly. saves a lot of time for effects like this and re-using sims

Nick Scarcella

13,720 views • 7 months ago

Where's Figma for graphic design? 🤔 Introducing Modyfi, a web-based collaborative image-making platform. Design, iterate, and review in a single place, combining layers, vectors, & bitmaps with AI and non-destructive real-time effects. 👉

Where's Figma for graphic design? 🤔 Introducing Modyfi, a web-based collaborative image-making platform. Design, iterate, and review in a single place, combining layers, vectors, & bitmaps with AI and non-destructive real-time effects. 👉

Alyssa X

232,215 views • 2 years ago

Quick update for some of my content and the project I'm working on

Quick update for some of my content and the project I'm working on

Xavier Hardy

15,949 views • 9 months ago

So excited to share Code Layers, a new feature Niko and I have been working on that’s coming soon to Figma Sites

So excited to share Code Layers, a new feature Niko and I have been working on that’s coming soon to Figma Sites

Daniel Destefanis

60,231 views • 1 year ago

Working on a little side-project for a game jam while, it's turning out pretty slick 🚗💨

Working on a little side-project for a game jam while, it's turning out pretty slick 🚗💨

Alice Bottino

11,586 views • 1 year ago

New trailer for ‘Common Side Effects’ out on Adult Swim this Sunday.

New trailer for ‘Common Side Effects’ out on Adult Swim this Sunday.

ToonHive

366,034 views • 1 year ago

Introducing my new open-source side project: It's a crowdsourced list of the best open-source projects on the web. Best part? It's dogfoods Dub.co's API to create short links for each project page + display real-time click analytics for them 📈

Introducing my new open-source side project: It's a crowdsourced list of the best open-source projects on the web. Best part? It's dogfoods Dub.co's API to create short links for each project page + display real-time click analytics for them 📈

Steven Tey

230,562 views • 2 years ago

Security for working and renewal for Britain. In a changing world this is a Government that is on your side.

Security for working and renewal for Britain. In a changing world this is a Government that is on your side.

Rachel Reeves

59,665 views • 1 year ago

🚀 We just shipped a new homepage for Framer. It was a blast working with monika michalczyk and Jurre Houtkamp on this project!

🚀 We just shipped a new homepage for Framer. It was a blast working with monika michalczyk and Jurre Houtkamp on this project!

Paul Lapkin

27,303 views • 9 months ago

A new roadmap. A New Era of The Graph 🗺️ The Graph’s new roadmap introduces a bold and transformative vision for the future of The Graph! The new R&D roadmap details an expansion of The Graph’s ability to serve web3’s growing demands for data access, while better serving builders and protocol contributors, and improving the overall simplicity and efficiency of the network. After three years of serving builders, The Graph Network is mature, reliable, and performant. The Graph ecosystem has followed through on its commitment to democratize access to blockchain data while also establishing subgraphs as a web3 standard. But The Graph’s innovation journey doesn’t end there. The New Era of The Graph is organized into five core objectives: 1️⃣ World of Data Services: Expanding to provide new data services beyond subgraphs to deliver a rich market of data on the network, serving novel use cases for data scientists and more. This will include more data sources, new query languages, and support for LLMs. 2️⃣ Developer Empowerment: Supporting developers through enhanced DevEx and tooling by introducing streamlined billing, clear pricing models, a new free query plan, and reduced gas fees. A more SaaS-like experience for devs, without compromising on decentralization! 3️⃣ Protocol Evolution & Resiliency: Delivering improvements resulting in a more resilient, flexible, and simple protocol, including updates to delegation. 4️⃣ Optimized Indexer Performance: Boosting network performance with improved Indexer tooling and operational capabilities to deliver increased scalability, reduce costs, and enhanced network reliability. 5️⃣ Interconnected Graph of Data: Creating tools for composable data and a global, organized knowledge graph – interlinking open data and making it easier to build upon. The new roadmap sets in motion an exciting evolution in web3 data infrastructure. In a phased rollout, The Graph will introduce many new features and benefits, including the integration of new data services, new query languages, enhanced developer tooling, improved UX + UI, alongside greater protocol efficiency and resilience. As this new era unfolds, The Graph crystallizes as the connective tissue across the many layers of the web3 stack, evolving into a comprehensive, interwoven graph of data equipped to serve every project dreamt up by web3’s innovators. Read the full announcement linked in the comment below!

A new roadmap. A New Era of The Graph 🗺️ The Graph’s new roadmap introduces a bold and transformative vision for the future of The Graph! The new R&D roadmap details an expansion of The Graph’s ability to serve web3’s growing demands for data access, while better serving builders and protocol contributors, and improving the overall simplicity and efficiency of the network. After three years of serving builders, The Graph Network is mature, reliable, and performant. The Graph ecosystem has followed through on its commitment to democratize access to blockchain data while also establishing subgraphs as a web3 standard. But The Graph’s innovation journey doesn’t end there. The New Era of The Graph is organized into five core objectives: 1️⃣ World of Data Services: Expanding to provide new data services beyond subgraphs to deliver a rich market of data on the network, serving novel use cases for data scientists and more. This will include more data sources, new query languages, and support for LLMs. 2️⃣ Developer Empowerment: Supporting developers through enhanced DevEx and tooling by introducing streamlined billing, clear pricing models, a new free query plan, and reduced gas fees. A more SaaS-like experience for devs, without compromising on decentralization! 3️⃣ Protocol Evolution & Resiliency: Delivering improvements resulting in a more resilient, flexible, and simple protocol, including updates to delegation. 4️⃣ Optimized Indexer Performance: Boosting network performance with improved Indexer tooling and operational capabilities to deliver increased scalability, reduce costs, and enhanced network reliability. 5️⃣ Interconnected Graph of Data: Creating tools for composable data and a global, organized knowledge graph – interlinking open data and making it easier to build upon. The new roadmap sets in motion an exciting evolution in web3 data infrastructure. In a phased rollout, The Graph will introduce many new features and benefits, including the integration of new data services, new query languages, enhanced developer tooling, improved UX + UI, alongside greater protocol efficiency and resilience. As this new era unfolds, The Graph crystallizes as the connective tissue across the many layers of the web3 stack, evolving into a comprehensive, interwoven graph of data equipped to serve every project dreamt up by web3’s innovators. Read the full announcement linked in the comment below!

The Graph

425,322 views • 2 years ago

I've been working on a course for ~2 years, and it's finally out! It's called Responsive Design for Beginners, and in it you'll learn how to build a responsive website from a Figma design with HTML, SCSS, JS. here's what the final website looks like:

I've been working on a course for ~2 years, and it's finally out! It's called Responsive Design for Beginners, and in it you'll learn how to build a responsive website from a Figma design with HTML, SCSS, JS. here's what the final website looks like:

Jess Chan | Coder Coder

23,354 views • 2 years ago

Today, I'm very excited to share a side project that I've been working on for the last few months. It's called Feedr. Feedr is a new kind of multi-player RSS reader, focused on content discovery and creating meaningful dialog. You can request access at

Today, I'm very excited to share a side project that I've been working on for the last few months. It's called Feedr. Feedr is a new kind of multi-player RSS reader, focused on content discovery and creating meaningful dialog. You can request access at

Patrick Marsceill

59,694 views • 3 years ago

v0 is a web development assistant that helps you build faster with AI. You can import and generate working applications from your Figma designs, iterate and improve, and finally deploy your new application to Vercel in a few clicks. Just published a new demo ✨

v0 is a web development assistant that helps you build faster with AI. You can import and generate working applications from your Figma designs, iterate and improve, and finally deploy your new application to Vercel in a few clicks. Just published a new demo ✨

Lee Robinson

122,729 views • 1 year ago

HIDE & SEEK by OfflineTV - Visual Effects Breakdown! Ton of fun working on this project... Hope y'all enjoyed and/or were spooked!!!

HIDE & SEEK by OfflineTV - Visual Effects Breakdown! Ton of fun working on this project... Hope y'all enjoyed and/or were spooked!!!

Samson

42,621 views • 2 years ago