Practice
Real work behind the Design Engineer role
Websites, plugins, mini programs, enterprise workflows and open-source practice show how Fan Mihua brings design, AI and code into real products.
Mihua Design: From Requirements to Production-Ready Frontend
Mihua Design connects product rules, AI generation, visual editing, and real React projects so teams can create, refine, and deliver business frontends.
AI Course for Designers Starting from Zero
An AI course built around real design workflows.
Design × Code Lab
A visual programming handbook for designers.
Bank of Ningbo | An AI-Driven Design Workflow
A hands-on AI design workflow training session for the Bank of Ningbo design team.
Inovance | DemoKit Training and Exchange
A practical enterprise training session on DemoKit, AI-assisted collaboration, and design-system implementation.
Design × Code Lab: A Frontend Handbook for Designers
A visual guide that explains frontend concepts through analogies, interactive examples, and small experiments.
Why AI Still Misses the Mark When Rebuilding a Figma Design
A 1:1 design consultation on why an AI-built portfolio can still diverge from its Figma source, and how to make design intent legible to AI.
Business Component Library
Reusable components for B2B workbenches, navigation, tables, forms, lists, and detail pages.
Chart Components
A collection of 28 chart component types with more than 60,000 downloads before it became closed source.
AI Component Library
A variable-driven library with 20+ basic and composite components plus interaction examples.
Chart Component Library Pro
14+ chart types, 100+ variants, and reusable header components for tabs and filters.
Dashboard Templates
Eighteen dashboard pages designed for B2B data products.
Table Components
Data-analysis table patterns including pivot tables, grouped headers, and reusable header controls.
Personal Website Builder
A full-stack website builder for creating and managing a personal portfolio site.
Voice Reporting Mini Program
An independently built field-reporting mini program for an internal business team.
Dad-to-Be Guide
A WeChat mini program that helps expectant fathers learn and prepare.
InstaChart Plugin
A Figma dashboard plugin with 15 chart types, batch export, dashboard configuration, and HTML export.
Why AI Still Cannot Compose Pages with Existing Components
A 1:1 consulting case about connecting a design system to an AI development workflow when components, rules, and frontend code already exist.