A workflow to tryโbringing together precise image editing, Vectorize, and interactive prototypes to move from concept to crit to completion faster.
Welcome to Workflow Lab, where we present a sample workflow using Figma products and tools.
Figuring out a new workflow means connecting the dots between different tools and teams. Follow along as the design team at Trivetโa cooking and recipe appโgoes from problem to production in a fast-moving sprint.โโโโโ๏ปฟโ๏ปฟโโโโโโ๏ปฟ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโโโโโโ๏ปฟโโโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโโโโ๏ปฟโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโโโโโโ๏ปฟ๏ปฟโโโโโโ๏ปฟโโโโโโโโโโ๏ปฟโโโโโโโโโโโโโโโ๏ปฟโโโโโโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโ๏ปฟโ๏ปฟโโโโ๏ปฟ๏ปฟโโ๏ปฟ๏ปฟโโโโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโ๏ปฟโ๏ปฟโโโโโโ๏ปฟโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโ๏ปฟโ๏ปฟโ๏ปฟโโโ๏ปฟโโโโโโโโโโโโ๏ปฟ๏ปฟโโ๏ปฟ๏ปฟโโโโโโ๏ปฟโโ๏ปฟโโโโโโโโ๏ปฟโโ๏ปฟโโโโ๏ปฟ๏ปฟโโโโโโโโโโโโโ๏ปฟโโโโ๏ปฟ๏ปฟโโ๏ปฟโโโ๏ปฟ๏ปฟโโโโโโโโโ๏ปฟ๏ปฟโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโ๏ปฟ๏ปฟโโ๏ปฟโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟ๏ปฟโโโโ๏ปฟโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโ๏ปฟโ๏ปฟโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟ๏ปฟโโโโโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโโโโโ๏ปฟโโโ๏ปฟ๏ปฟโโโ๏ปฟโโโโโโ๏ปฟ๏ปฟโ๏ปฟโ๏ปฟโ๏ปฟโโโ๏ปฟโ๏ปฟโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟ๏ปฟโโโโ๏ปฟโโ๏ปฟ๏ปฟโโ๏ปฟโโ๏ปฟโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโ๏ปฟ๏ปฟโโโ๏ปฟโโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโโโโโโโ๏ปฟโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโโโโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโ๏ปฟโโโโ๏ปฟโโโโโโโโโโ๏ปฟโโโโโโ๏ปฟโโโโโโโโ๏ปฟโโโโโโ๏ปฟโโโโโโโโ๏ปฟ๏ปฟโโโ๏ปฟโโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโโ๏ปฟโโโโโโโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟ๏ปฟ๏ปฟโโโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโโโโ๏ปฟโโ๏ปฟ๏ปฟโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโ๏ปฟโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโโโโโโโโโโโ๏ปฟโโโโโโโโโโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโ๏ปฟโ๏ปฟโโโโโโ๏ปฟโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโ๏ปฟโ๏ปฟโ๏ปฟโโโ๏ปฟโโโโโโโโโโโโ๏ปฟ๏ปฟโโโโโโโโโโโโโ๏ปฟ๏ปฟโโโโ๏ปฟโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโ๏ปฟโ๏ปฟโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโ๏ปฟโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟ๏ปฟโโโโโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโโโโโ๏ปฟโโโ๏ปฟ๏ปฟโโโ๏ปฟโโโโโโ๏ปฟ๏ปฟโ๏ปฟโ๏ปฟโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโ๏ปฟ๏ปฟโโโโ๏ปฟโโ๏ปฟ๏ปฟโโ๏ปฟโโ๏ปฟโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโ๏ปฟ๏ปฟโโโ๏ปฟโโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโโโโโโโ๏ปฟโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโโโโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโ๏ปฟโโโโ๏ปฟโโโโโโโโโโ๏ปฟโโโโโโ๏ปฟโโโโโโโโ๏ปฟโโโโโโ๏ปฟโโโโโโโโ๏ปฟ๏ปฟโโโ๏ปฟโโโโโ๏ปฟโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโ๏ปฟโโโโโโโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโโ๏ปฟโโโโโโโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟโโโโโโโโ๏ปฟโโ๏ปฟโโโโโโโ๏ปฟโโโ๏ปฟโโโโโโโ๏ปฟ๏ปฟโ The problem The Trivet team recently launched a referral program for their app, but the banner promoting it isnโt driving the clicks or signups they expected. Pop-ups can increase visibility, but they also impact the flow. So, the question is whether the banner is too subtle to matter, or too disruptive to work.
The goal is simple: drive more clicks and signups for the referral program. The constraint is clear: increase attention without derailing the experience. The team tests a range of UX options from subtle to high-visibility: a modal (a brief interruption), an in-feed card (the most subtle option), and a full-screen overlay (maximum visibility). Each direction requires a different visual approach, so they experiment with visual effects, a hand-drawn illustration, and photography.