lopi-py/figblox — reverse-engineered prompt
Reverse engineered prompt
Build me a Figma plugin that helps turn a selected Figma design into Roblox UI code so I don’t have to manually recreate everything. I want it to work as a Dev Mode codegen plugin. The user should select one frame, ideally designed at 1920x1080, then pick the plugin and get generated Roblox UI code.
Please support output styles for React, Fusion, JSX, and plain Roblox UI code with no framework. Start with the main useful pieces from Figma like position, size, frames, scrolling frames, text labels, aspect ratio constraints, list layouts, padding, and flex items. It should keep colors, transparency, text, alignment, layout order, clipping, scrollbar thickness, and padding where possible.
For scrolling frames, use a simple convention with a Scrollbar frame and a Content frame inside the selected frame. Keep the plugin simple and focused on reliable conversion, with clear generated code the user can copy into their Roblox project. Look up current Figma plugin and Roblox docs online if needed.
Want more depth? Deep Reverse