AI Frontend Coding for Designers

About the Instructor

David Eisner is a veteran Product Design leader with 25+ years at companies like Amazon, Audible, and Plated. He is currently VP of Product Design and Research at Amwell Healthcare, where he pioneered a hands-on AI training program that empowers his team to create higher-quality designs with less effort and ship production-ready frontend code—eliminating handoffs, miscommunications, and mismatched design.

Now, he's bringing that same proven, real-world method to CraftAmplify so you can apply it immediately, gain independence and control, adopt emerging technologies with confidence, and amplify your craft.

Course Modules

The course is structured around a single, end-to-end project. We will guide you through each stage of an enterprise development lifecycle.

Module 1: Setting the Foundation

Getting to know Cursor AI, the terminal, and key coding concepts.

Module 2: From Design to Code

Hands-on practice translating a design into code using Figma's MCP Server.

Module 3: Cloning Production Code

Cloning an enterprise repository using git and understanding its structure.

Module 4: Local Development Environment Setup

Setting up a local development environment: installing dependencies, running backend and frontend servers, executing tests, and creating a git branch.

Module 5: Coding Fundamentals

Essential programming concepts: variables, data types, operators, conditionals, functions, arrays, objects, loops, and asynchronous operations.

Module 6: AI-Assisted Development & Deployment

Using AI to understand, modify, and deploy code changes, and merging your code into the main branch.

Module 7: Making Functional Updates

Making more complex code updates that require changes to unit and end-to-end tests, and ensuring all quality checks pass.

Upcoming Classes

This course was created for Designers, but is beneficial for anyone who wants to learn how create production-quality code using AI.