Thread Title: Bridging Figma Prototypes with Grow A Garden Script UIs – Anyone Done This?
Lately I’ve been experimenting with companion scripts for Grow A Garden and it got me wondering: how do you smoothly integrate Figma when you’re laying out in-game overlays—price panels, weather badges, mutation pop-ups, the works?
A few pain points I’ve hit so far:
-
Hard-coded positions: Most sample scripts drop UI elements at fixed coordinates. Iterating on spacing or typography means diving back into Roblox Studio and republishing every tweak.
-
Live data bindings: I want the UI mock-ups in Figma to display real-time values (shop prices, next weather boost, etc.) so designers can see how numbers wrap and resize. Right now I’m copy-pasting screenshots from the Live Grow a Garden Stock Tracker into Figma—helpful, but hardly dynamic.
-
Handoff friction: Translating Figma’s auto-layout constraints into Roblox GUI objects feels clunky. I’m curious if anyone has a plugin or script that converts frames/components directly.
Has anyone here:
-
Used Figma’s REST API or widgets to pull live game data into a prototype?
-
Built a workflow that exports Figma components as Roblox XML/JSON for quicker import?
-
Found a cleaner way to keep designers in Figma while scripters stay productive in Studio?
Would love to trade notes on any toolchains, plugins, or best practices that make the design-to-dev loop less painful—especially for data-driven UIs in games like Grow A Garden. Thanks in advance! 🌱