By the end you’ll have a clear, repeatable process for creating animated website designs that stand out in Figma. In this tutorial I’m walking you through my full Figma web design workflow for designing and animating high-end, award-style websites from scratch. You’ll learn how to structure complex interactions, build storytelling
Want to create a beautiful, professional website without hiring a designer or writing code? In this step-by-step tutorial, I’ll show you how to use Claude Design AI to build an award-winning website from scratch. 🚀 Get 10% off your webhosting plan +: a free domain: https://ferdy.com/webhosting Use coupon code FERDY
🎯 Join my community: https://www.skool.com/the-margin Hire us to build your website: https://bycrawford.com/hire-us Premium Website Checklist: https://bycrawford.com/premium-website-checklist Timestamps: 00:00 – Intro 00:48 – The New Web Design Process (2026) 01:25 – Step 1: Strategy First 02:35 – Step 2: Structure, Sitemap & Wireframes 04:10 – Step 3: Design That Converts 06:05
🔗 Join the High Profit Process waitlist: https://selfmadewebdesigner.com/waitlist This is 11 years of experience building my own web design business all wrapped up into a solid 7 minutes. Watch Next! 🧑💻 6 EASY Tips to 10x Any Site’s Design Become a Self-Made Web Designer and help keep the channel going!
Comment “designer” to get this tool. You want a professional looking website but Claude Code keeps giving you generic, flat layouts with no personality. There are two free installs that turn Claude Code into a proper web designer with over 50 UI styles, 97 color palettes, and 57 font pairings
Hey folks! In today’s tutorial, I’m excited to guide you through designing an eye-catching DJI Drone website UI with smooth animations, all using Figma. I’ll guide you through each step to create something amazing. Let’s dive in! For more details, check out the full video on my YouTube channel. 👉
Try Higgsfield – https://higgsfield.ai/s/mcp-kyleslyf-YcLtAj Learn how to create stunning, professional-looking websites using Claude Code and Higgsfields MCP. Become a Future-Proof designer – https://futuredesigner.io/ Follow me on: https://x.com/KyleSkelly Purchase my vector pack! : https://kyleskelly.gumroad.com/l/rough-edge-pack In this full walkthrough, I’ll show you how I designed a beautiful animated landing page using modern
Build a $10,000 website with Claude Code (Ultimate Guide). Setup, design skills, references, the prompt, polish passes, and going live at a custom domain. No coding, no templates, no generic AI look. ✅ Exclusive Deals & Discounts Hostinger: https://meticsmedia.com/hostinger-MHD ElevenLabs: https://meticsmedia.com/elevenlabs-MHD ✔️ The 8-pillar checklist that separates a $10,000 website
I met Uroš last year at Webflow Conf and I was blown away by everything he has achieved in his agency, FlowNinja. Now we are working together to create more great content and courses for Flux Academy (more on that here)! But first, join us for a deep dive into
