Design engineeringAgent

Lumina

A design enablement agent that turns Figma designs or running prototypes into documents, context packets, and presentation decks.

Lumina workflow illustrated with the portfolio design language

When a feature is designed, other teams still need to explain it. Marketing, training, presenters, and technical writers were asking designers for walkthroughs or interpreting screenshots without context. I built Lumina to give those teams a starting point they could read, present, and ask questions about.

A designer points Lumina at a Figma section, a document folder, or a running prototype. It writes a structured screen-by-screen document, combines design and product context into a packet, and creates a deck on the brand template. Ask commands answer from those sources. For prototypes, a links file keeps the live QA screens and states within reach.

One website. Different ways to explain it.

Choose an output. Every example describes this portfolio, with the source and intended audience kept visible.

The design becomes useful beyond design.

Lumina supports documents, packets, decks, source-grounded questions, frame discovery, and frame exports. This public demo assembles a small enablement packet about the portfolio itself. It demonstrates the output structure with sample content; it does not run the work agent or connect to internal systems.