# Tools: Opps gets some App Juice šŸ§ƒ **URL:** \ **Category:** Using AI\ **Created:** [January 24, 2026, 1:18am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611 "2026-01-24T01:18:07Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![EricZ](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/ericz/32/692_2.png) [@EricZ](https://forum.zurb.com/u/EricZ)\ **Post date:** [January 24, 2026, 1:18am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/1 "2026-01-24T01:18:07Z")
Working with data roll-ups is complicated. Migrating that data from a tool into design software is wrist-breaking data entry. We decided to leverage AI to pull data directly from our Helio surveys into Figma. We ended up building a tool that will reduce our **production time by 75%!** Here is a breakdown of our process, where we failed, and how we eventually solved it. Check out the tool: [UX Metric Card Builder](https://concept-figma-template-generator.vercel.app/) ## **Step 1: The Design Foundation** We refined the Figma design elements. We ensured the cards were consistent so there was a standardized structure for the data to populate. ## **Step 2: The Failed ā€œFigma Makeā€ Experiment** We attempted to use Figma Make to generate an environment for editing cards using AI prompts. ### Build Attempt 1 ![Screenshot 2026-01-23 at 15-46-43 Asset Data Entry App ā€“ Figma Make](https://canada1.discourse-cdn.com/flex034/uploads/helio/original/1X/d422659773836c55176479c256fce8a427fd41df.png) ### Build Attempt 2 ![Screenshot 2026-01-23 at 15-46-59 Card Overflow Page ā€“ Figma Make](https://canada1.discourse-cdn.com/flex034/uploads/helio/original/1X/62132814227cd50f8d5285b489f55b21eb3de49f.png) - **The Hypothesis:** We thought we could build the design assets, then upload a screenshot of the survey and allow the AI to populate the fields, update the cards, and let us download as SVGs. - **The Result:** Figma Make literally built a standalone ā€œapplicationā€. It resembled a one-off file conversion website. Does this workflow really need a new app? (Build Attempt 1) - **The Pivot:** We tried to strip it back, but doing so moved us away from the defined patterns the AI needed to function. What started as a five-minute task turned into 30 minutes of reasoning for a result that was unimpressive and unusable. (Build Attempt 2) ## **Step 3: The Cursor Solution (Success)** At this stage, @ben stepped in using Cursor with Claude Code to generate a solution that added more custom features to the first app approach. The results are significant. ![Screenshot 2026-01-23 at 15-45-42 UX Metric Card Builder](https://canada1.discourse-cdn.com/flex034/uploads/helio/original/1X/108227f2230b5175f25e60f2e7b3c7b9965d894d.png) ## **Current Capabilities** We can now enter a Helio survey URL and the tool will: 1. **Scrape** the data. 2. **Populate** the cards automatically. 3. **Retrieve** the specific image tested and place it into the cards. ![Screenshot 2026-01-23 at 16-22-12 UX Metric Card Builder](https://canada1.discourse-cdn.com/flex034/uploads/helio/original/1X/b51c8f76aec90c0e45ad7fbe84dd294d124d18ca.jpeg) ## **The Impact** When we build out our concept pages ([example here](https://forum.zurb.com/t/where-your-pdp-causes-hesitation-and-why-most-teams-miss-it/577/2)), it typically takes 20-30 minutes to migrate the data and build out the cards. We project this will reduce production time for building graphics for our concept pages **by 75%**. This is a highly effective tool for anyone adopting Glare to build data cards for presentation decks and other applications! We are excited to share this. Let us know what you think and if you are interested in experimenting with it! Tool: [UX Metric Card Builder](https://concept-figma-template-generator.vercel.app/) Example Survey: [Helio | B2B: Start Recording Flow Report](https://my.helio.app/report/01KD43M3ESGGM7G9MQY74MX1B8) ---
**Author:** ![nathaliesmith](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/nathaliesmith/32/443_2.png) [@nathaliesmith](https://forum.zurb.com/u/nathaliesmith)\ **Post date:** [January 24, 2026, 1:29am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/2 "2026-01-24T01:29:45Z")
SOOO COOL! @ben @EricZ Great work here! So fun to see these little nuggets come together to push these pieces forward faster. ---
**Author:** ![Bryan](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/bryan/32/448_2.png) [@Bryan](https://forum.zurb.com/u/Bryan)\ **Post date:** [January 24, 2026, 1:34am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/3 "2026-01-24T01:34:20Z")
Ohhhhh, ahhhhh. I wanna see the goods! ---
**Author:** ![ben](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/ben/32/442_2.png) [@ben](https://forum.zurb.com/u/ben)\ **Post date:** [January 24, 2026, 1:36am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/4 "2026-01-24T01:36:20Z")
The engineer always has to come in clutch ![Happy Jim Carrey GIF by Laff](https://canada1.discourse-cdn.com/flex034/uploads/helio/original/1X/36ab5ccd6e3338ccb70f152879ea499a4df54dd4.gif) ---
**Author:** ![nathaliesmith](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/nathaliesmith/32/443_2.png) [@nathaliesmith](https://forum.zurb.com/u/nathaliesmith)\ **Post date:** [January 24, 2026, 1:37am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/5 "2026-01-24T01:37:29Z")
@ben where did they get that Gif of you?? ---
**Author:** ![ben](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/ben/32/442_2.png) [@ben](https://forum.zurb.com/u/ben)\ **Post date:** [January 24, 2026, 2:06am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/6 "2026-01-24T02:06:05Z")
šŸ¤£ weird, isnā€™t it? ---
**Author:** ![EricZ](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/ericz/32/692_2.png) [@EricZ](https://forum.zurb.com/u/EricZ)\ **Post date:** [January 26, 2026, 11:50pm UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/7 "2026-01-26T23:50:30Z")
Made some key updates today to make this more consistent and useful: - **Pill Sizing** - Pills across cards are now 112x38 pixels for consistency - **Standard Card Height** - The height is now defined by the number of metrics in the right-hand column, providing better image control when shifting into Figma. - **Font Weights** - The title font-weights are not consistent medium sizing across variants. #### Bug Fix - **SVG Export** - Fixed a bug where the image was not being exported in SVGs. ---
**Author:** ![nathaliesmith](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/nathaliesmith/32/443_2.png) [@nathaliesmith](https://forum.zurb.com/u/nathaliesmith)\ **Post date:** [January 27, 2026, 12:12am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/8 "2026-01-27T00:12:32Z")
Have you been able to see a change in the speed of the output?! ---
**Author:** ![EricZ](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/ericz/32/692_2.png) [@EricZ](https://forum.zurb.com/u/EricZ)\ **Post date:** [January 27, 2026, 12:50am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/9 "2026-01-27T00:50:34Z")
Timing myself here, it looks like about 10mins of build-out. As I said previously, it was 20-30 minutes, so itā€™s a 50-66% decrease in build-out time. ---
**Author:** ![MoData](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.zurb.com/modata/32/1182_2.png) [@MoData](https://forum.zurb.com/u/MoData)\ **Post date:** [January 27, 2026, 2:00am UTC](https://forum.zurb.com/t/tools-opps-gets-some-app-juice/611/10 "2026-01-27T02:00:35Z")
@EricZ very cool! appreciate you showing the ā€˜failedā€™ experiments too, sounds like this will have a significant impact on the rate of production