Design Systems Mastery
Use Auto Layout, Variables, reusable components, and design tokens to build scalable, AI-friendly UI systems.
make />
beyond prototyping
Vibe Coding for Everyone
ARTGR4840-02 / 5840-02 by
Aaron Yang Ph.D. | aayang@iastate.edu
UX Designer, Developer, & Top-rated UI/UX Instructor at ISU
Join me this summer: Online Asynchronies | 8 Weeks
scroll down to learn more ↓
What This Course Is About
AI is reshaping UI/UX design. In this studio course, you will learn the intersection of advanced Figma systems, prompt engineering, and AI-assisted development so you can translate design intent into working code. The course is open to all majors and is ideal for students interested in design, technology, entrepreneurship, and AI-enabled creative workflows.
AI + Prompt Engineering
Learn how LLMs work, write effective prompts, and design interfaces that handle uncertainty, latency, and trust.
Build and Deploy
Bridge design and development with AI-aided tools to launch functional products on live hosting platforms.
What You Will Create
Leaves with production-ready artifacts and real web outcomes that can be shown in portfolios, interviews, and internships.
Capstone Product
- Topic identification, user-flow, and interaction logics.
- Low-fidelity and high-fidelity interface mockups.
- Implementation and deployment to a public URL.
Six Mini Projects
- Varias Prompting Methods and AI Tools
- UI cloning from screenshots with descriptive prompting.
- Component-based generation, layout creation, and design-library application.
Why this is Important
The role designer is changing now
The barrier between imagining and shipping a product is collapsing. This class prepares you for the next definition of UX practice.
Portfolio proof beats promises
You finish with deployable projects that demonstrate both design thinking and technical execution, not only visual comps.
Strategic advantage
You gain fluency across design, prompt logic, and implementation workflows that many candidates still lack.
8-Week Learning Journey
Weeks 1-2
AI-era designer mindset, prompt engineering, and user flow for AI.
Weeks 3-4
Real-world UI logic, component-based interfaces, and dynamic UI content.
Weeks 5-6
Auto Layout for responsive structure and design-system building for consistent AI control.
Weeks 7-8
Figma Make implementation, deployment, project documentation, and web hosting of final work.
CLICK TO SEE YOUR POTENTIAL
Join me this summer
ARTGR 4840/5840
Open to anyone
Try the following apps
that you can make.
