Using Flora to Create Mockups

Learn how to use Flora to create realistic mockups that elevate your designs. Joined by trophy student Mia, we’ll walk through how we use Flora to showcase her work and make her projects stand out.

Timestamps:

0:00:23 — Introduces the session topic: Mia will demo AI design tools like Flora, Figma Weave, and Fuser.

0:03:23 — Emphasizes that AI won’t replace designers, but can speed up ideation and execution.

0:05:10 — Mia discusses the nuanced relationship between AI and creativity—not purely good or bad.

0:07:31 — Mia emphasizes that outcomes depend on the user—AI is only as good as the creative behind it.

0:10:53 — Introduces node-based workflows, explaining how they differ from simple prompt-based AI tools.

0:17:33 — Shares practical prompting advice: make changes step-by-step instead of overloading one prompt.

0:21:37 — Notes limitations of AI outputs (like text rendering), requiring manual cleanup in tools like Photoshop.

0:27:23 — Introduces “elements” feature for maintaining consistency across multiple generated images.

0:50:29 — Key troubleshooting insight: restart from a good point instead of endlessly fixing a broken output.

Live WorkshopsKylie Chan