Sunal Sood – Design Engineer Pro

Design Engineer Pro by Sunal Sood connects product-design decisions with the technical language, tools and handoffs involved in app delivery. Its five-module structure moves from foundational concepts and AI workflow choices through two distinct app examples, ending with work around an organization’s codebase.

The course is intended for product designers, UX designers, design leads and builders. It begins with terminal, commit and component basics, giving learners context for the engineering vocabulary used throughout the curriculum.

Design engineering skills covered

• Distinguish AI prototyping environments from building environments in a product workflow.
• Use prompting and workflow-selection concepts alongside MCP, CLI, and skills.md terminology.
• Follow the stated Figma Dev Mode MCP and React Native path for a mobile app example.
• Apply the publisher-described Supabase, EAS, and GitHub steps within the mobile workflow.
• Build and iterate a macOS app example with Kiro, SwiftUI, and Lottie.
• Prepare to contribute around an organization’s codebase as a design engineer.

Starting with design handoff and AI workflows

The opening material places technical product concepts and AI workflow choices before the application examples. It distinguishes environments used for prototyping from those used for building, setting out the different roles they can play as product work moves toward delivery.

The curriculum also introduces prompting and workflow selection alongside MCP, CLI and skills.md terminology. These concepts establish the language used to discuss tools and handoffs before the course turns to specific mobile and desktop stacks.

The React Native mobile route

The mobile example brings design handoff, application work, distribution and source control together in one named workflow. It starts with Figma Dev Mode MCP and follows a React Native path, connecting screen decisions with the implementation context around them.

The stated stack also includes Supabase, EAS for Android distribution and GitHub for version control. Together, these topics place the interface example within a broader mobile product workflow rather than treating it as an isolated screen-design exercise.

Moving from mobile to macOS

The mobile and macOS examples are separate parts of the curriculum, with different tools and implementation contexts. The React Native route focuses on a mobile app, while the macOS route introduces a native desktop app.

This distinction gives the course two product surfaces to explore: a mobile workflow involving Android distribution and a desktop workflow that ends with DMG distribution.

The native macOS app workflow

The macOS module uses Kiro and SwiftUI for its app example. It covers building and UI iteration, with Lottie included in the named toolset.

DMG distribution is also part of the stated desktop workflow. The module therefore follows the macOS example beyond the initial interface and into a distribution format associated with that app surface.

Contributing to an organization’s codebase

The final module addresses contributing around an organization’s existing codebase, extending the course’s scope beyond solo prototyping. It also includes material on design-engineer hiring and careers.

For its intended audience of product and UX designers, design leads and builders, this endpoint connects the earlier tool and implementation topics to collaboration around existing product work.

Video and PDF materials

Design Engineer Pro includes downloadable videos and PDFs with a combined size of 3.50 GB. The mixed-format materials accompany the five-module outline, from foundational workflow concepts to the two app examples and codebase-oriented material.

Also on GenkiCourses for artificial intelligence: Kim Dang – Chromeboss MasterClass.

Frequently asked questions

What does Design Engineer Pro cover?

The course covers technical product concepts, AI workflows, a React Native mobile example, a native macOS example and contributing around an organization’s codebase. It also includes design-engineer hiring and career material.

Can designers without coding experience start the course?

The course begins with terminal, commit and component basics and names product and UX designers among its intended audience. Its app workflows also use engineering tools and terminology.

Are the mobile and macOS examples separate?

Yes. The mobile workflow uses React Native and related tools, while the native macOS example uses Kiro, SwiftUI and Lottie.

What materials are included in Design Engineer Pro?

The downloadable materials include videos and PDFs totaling 3.50 GB.