Uploaded August 2026 | Updated September 2026, 19 minutes ago
Agents and LLMs are still bad at design on their own. This video covers a workflow for starting from real design systems instead of prompting from scratch: capture any website as a Figma design with the Figma browser extension, hand it to an agent through Figma MCP, and rebuild your own site or generate new pages from it. I rebuild my portfolio site using two different design systems, create a landing page for an open source project, and walk through how to modify the output so it does not look like a copy.
🔗 Devin
docs.devin.ai/get-started/devin-intro
⏳ Timestamps
0:00 Introduction
1:05 Capture any website
2:38 Second design system
3:11 Rebuilding my portfolio
4:05 Landing page from scratch
5:08 Making it your own
6:17 Reviewing the results
Agents and LLMs are still bad at design on their own. This video covers a workflow for starting from real design systems instead of prompting from scratch: capture any website as a Figma design with the Figma browser extension, hand it to an agent through Figma MCP, and rebuild your own site or generate new pages from it. I rebuild my portfolio site using two different design systems, create a landing page for an open source project, and walk through how to modify the output so it does not look like a copy.
🔗 Devin
docs.devin.ai/get-started/devin-intro
⏳ Timestamps
0:00 Introduction
1:05 Capture any website
2:38 Second design system
3:11 Rebuilding my portfolio
4:05 Landing page from scratch
5:08 Making it your own
6:17 Reviewing the results
![Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021]](https://i.ytimg.com/vi/oXWImFqsQF4/mqdefault.jpg "Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021]
In this video, well build out a Next.js app that enables navigation, authentication, authorization, redirects (client and server-side), and a profile view with Supabase magic link authentication.
Code:
https://github.com/dabit3/supabase-nextjs-auth
Written tutorial:
https://dev.to/dabit3/magic-link-authentication-and-route-controls-with-supabase-and-next-js-leo
0:00 - Intro
2:00 - Project setup
7:25 - Creating the sign in page
10:45 - Creating the profile page
17:33 - Creating the API route
18:25 - Updating _app.js to acc navigation and auth state
27:49 - Creating the protected page
30:11 - Running the project
32:00 - Conclusion
Thanks to Supabase for being a sponsor of my channel. 🚀")
