{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/75c57736030b49958d4ca3ce4f3f97af\" frameborder=\"0\" width=\"1114\" height=\"835\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":835,"width":1114,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":835,"thumbnail_width":1114,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/75c57736030b49958d4ca3ce4f3f97af-56490b8c3e9d4bcc.gif","duration":903.539,"title":"Creating a Pixel-Perfect Design System with AI in Figma 🚀","description":"Hey everyone, in this video, I share how I've been designing and implementing a design system from scratch with the help of AI, specifically using Figma and Cursror. I highlight two invaluable resources from MrBiscuit that helped me achieve pixel-perfect outputs: his videos on Figma variable modes and revolutionizing the design system workflow with AI. I also demonstrate how I set up components using variables instead of variants, which has significantly improved my workflow. I encourage you to check out the recommended videos for a deeper understanding and to see how you can implement these strategies in your own projects. Please like the video if you find it helpful!"}