[ WebToolTip.com ] Udemy - Figma to Angular Mastery - Design to Code with AI

File Name

Size

Get Bonus Downloads Here.url

180 B

~Get Your Files Here !/1 - Welcome & Setup/1 - Welcome To The Course – Ikea Furniture Joke + Why Figma → Angular Matters.mp4

26 MB

~Get Your Files Here !/1 - Welcome & Setup/2 - Tools You Need – Figma (Free), Angular 20, Tailwind V4, Windsurf.mp4

32 MB

~Get Your Files Here !/1 - Welcome & Setup/3 - Installing Angular & Project Setup – Hello Angular + Tailwind.mp4

25 MB

~Get Your Files Here !/1 - Welcome & Setup/4 - Atomic Design 101 – Atoms, Molecules, Organisms, Templates, Pages.mp4

20 MB

~Get Your Files Here !/1 - Welcome & Setup/5 - The Ai Angle – Why Use Windsurf Instead Of Typing All Day.mp4

18 MB

~Get Your Files Here !/2 - Crash Course Figma for Non-Designers/1 - What Is Figma – Cloud Design Tool Explained Simply.mp4

28 MB

~Get Your Files Here !/2 - Crash Course Figma for Non-Designers/2 - Navigating Figma – Frames, layers, menus.mp4

33 MB

~Get Your Files Here !/2 - Crash Course Figma for Non-Designers/3 - Colors, Typography, Spacing – Designer secrets made developer-friendly.mp4

31 MB

~Get Your Files Here !/2 - Crash Course Figma for Non-Designers/4 - Components in Figma – Buttons, inputs, icons (dev eyes ).mp4

23 MB

~Get Your Files Here !/2 - Crash Course Figma for Non-Designers/5 - Variants & Auto-Layout – Resize once, reuse everywhere.mp4

29 MB

~Get Your Files Here !/2 - Crash Course Figma for Non-Designers/6 - Exporting Assets – Icons, Images, SVGs.mp4

21 MB

~Get Your Files Here !/2 - Crash Course Figma for Non-Designers/7 - Inspect Mode for Developers – Stealing CSS without shame.mp4

21 MB

~Get Your Files Here !/3 - AI + Windsurf Editor Magic/1 - Why Windsurf– AI-powered coding explained simply.mp4

17 MB

~Get Your Files Here !/3 - AI + Windsurf Editor Magic/2 - Setting Up Windsurf with Angular – Install, extensions, Tailwind config.mp4

17 MB

~Get Your Files Here !/3 - AI + Windsurf Editor Magic/3 - Converting Figma Tokens → Tailwind Config – Colors, fonts, spacing auto-map.mp4

25 MB

~Get Your Files Here !/3 - AI + Windsurf Editor Magic/4 - Debugging with Windsurf– When AI code goes wrong, how to fix it.mp4

22 MB

~Get Your Files Here !/3 - AI + Windsurf Editor Magic/5 - Vibe Coding Workflow – From Figma screenshot → working Angular component.mp4

24 MB

~Get Your Files Here !/3 - AI + Windsurf Editor Magic/6 - Best Practices – Don’t copy-paste blindly, refine with AI loops.mp4

24 MB

~Get Your Files Here !/4 - Reading Figma Like a Developer/1 - Handoff Basics – Designer vs developer translation.mp4

17 MB

~Get Your Files Here !/4 - Reading Figma Like a Developer/2 - Mapping Figma to Atomic Design – Button = Atom, Card = Molecule.mp4

26 MB

~Get Your Files Here !/4 - Reading Figma Like a Developer/3 - Design Tokens – Colorsfonts to variables.mp4

23 MB

~Get Your Files Here !/5 - Atoms in Angular/1 - Build All Atoms from Figma + Windsurf Editor.mp4

92 MB

~Get Your Files Here !/6 - Molecules in Angular/1 - Build Molecules – Combine Atoms into Functional UI Blocks.mp4

64 MB

~Get Your Files Here !/7 - Organisms in Angular/1 - Build Organisms – Complex Components Like Navbars & Cards.mp4

52 MB

~Get Your Files Here !/8 - Templates & Pages/1 - Build Templates – From Layout to Real App Structure.mp4

34 MB

~Get Your Files Here !/8 - Templates & Pages/2 - Build Pages – From Layout to Real App Structure.mp4

85 MB

~Get Your Files Here !/9 - Final Wrap-Up & Project/1 - Course Wrap-Up & Next Steps.mp4

21 MB

~Get Your Files Here !/Bonus Resources.txt

70 B