
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.
Websites, plugins, mini programs, enterprise workflows and open-source practice show how Fan Mihua brings design, AI and code into real products.

Mihua Design connects product rules, AI generation, visual editing, and real React projects so teams can create, refine, and deliver business frontends.

An AI course built around real design workflows.

A hands-on AI design workflow training session for the Bank of Ningbo design team.

A practical enterprise training session on DemoKit, AI-assisted collaboration, and design-system implementation.

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.

Reusable components for B2B workbenches, navigation, tables, forms, lists, and detail pages.

A collection of 28 chart component types with more than 60,000 downloads before it became closed source.

A variable-driven library with 20+ basic and composite components plus interaction examples.

14+ chart types, 100+ variants, and reusable header components for tabs and filters.

Data-analysis table patterns including pivot tables, grouped headers, and reusable header controls.

A full-stack website builder for creating and managing a personal portfolio site.

An independently built field-reporting mini program for an internal business team.

A Figma dashboard plugin with 15 chart types, batch export, dashboard configuration, and HTML export.

A 1:1 consulting case about connecting a design system to an AI development workflow when components, rules, and frontend code already exist.