Figblox

Stop rebuilding your Figma designs by hand. Figblox exports to JSON and imports directly into studio. Coming soon.​​​​​​​​​​​​​​​​ #robloxui #robloxdev #figma

@ezvlap awesome

One of my first uis made with FIGMA, this ui will be used in my upcoming roblox game stay tuned :) (text is placeholders) #robloxdev #roblox #figma

@LostArtist_Vi so fire

Fire Force UI #ROBLOX #Roblox #RobloxStudio #RTC #UserInterface #RobloxUI #robloxGFX #robloxart #RobloxDev #pixelart

@jaaay64 this looks delicious

I’m genuinely, so, so excited to launch this game 🥹

@Igossle definitely

Should I finish this and then sell it? #UIdesign #GameDev #UIdesigner #RobloxDev #RobloxUI #Roblox

@david5k11 thank you!!

@FigbloxDev Insane 🔥

Another Figblox import flow: Make Raster, Clear Raster, import into Studio, then run To Scale, Lock Text, and Lock Stroke. Matching raster layers are detected by their properties and reused, so duplicate images are not exported again. #robloxui #robloxdev #figma

@dimaerzak delicious keyframes

recent frames from theintro for client🔥looking for a Roblox / Rivals / Gaming video editor? my DMs are open. Let's work!

@itslexdesigner these are so sick omg

Completed commission “Avatar designs” to order contact me on discord: lexdesigner - My discord server link: discord.gg/hQx44VbYhg #roblox #RobloxDev #robloxart #robloxlogo #robloxcommission #robloxgfx #robloxui #robloxvectors

@NarekArts LOVE THESE

BIG UPDATE🪩 NARO ICON PACK v.3 Bringing the total icons 🥁🥁🥁 to 101!! Super excited to share this with you😁!! BUY the ICON PACK📩 discord - narekarts |#RobloxDev|#Roblox|#RobloxArts|#RobloxUI|#UEFN|#gamedev|

@4yyc4 so sick!

rpg hud #RobloxDev #ROBLOX #roblox #UserInterface #RobloxUI #robloxGFX #robloxart #pixelart #RobloxStudio #deepwoken #RTC

@HistoriaWis insanely beautiful ui

UI Stuff #ROBLOX #Roblox #RobloxStudio #RTC #robloxart #RobloxDev #fantasy

@askfalse Sorry for the confusion. That also works now! The prefixes are there for when you want to mark it explicitly, but it can be as simple as this with the parent having the overflow.

@FigbloxDev still not sure im understanding, what's the point of the separate .scrollingframe & .scrollviewport frame? in which cases are the built-in properties insufficient?

Figblox is a two-plugin system for moving UI from Figma into Roblox Studio. Here’s a quick example of how .scrollingframe and .scrollviewport work. #robloxui #robloxdev #figma

@askfalse The prefix is there for explicit detection. Instead of guessing which frame should be treated as the scroll viewport, Figblox uses .scrollviewport so the import stays predictable. Otherwise, it’s automatically detected.

@FigbloxDev why not use the scroll behavior of the frame itself? having to rename the frame feels a little odd

@forgeai_loop thank you!

@FigbloxDev ngl this is so clean, figma to roblox pipeline hits different fr

@dr4nyx CLEANNN

⮞ Modern Sci-fi Ui made for fun Portfolio・dranyx.framer.website #Roblox #RobloxDev #RobloxUI

@_hotaruz delicious style

UI Commissions UI for an upcoming kengan game!! Discord: hotaruz88 #RobloxDev #Roblox #robloxart #RobloxUI

@Nuck48874 There’s no official release date. I’m finalizing a few things for release and waiting for Figma’s approval for the plugin!

@FigbloxDev When will this plugin be released?

@KinderDev That’s fair, but Figblox already translates Figma auto layout into Roblox layout objects like UIGridLayout where it makes sense, without AI. It is not just copying raw JSON directly into Studio.

@FigbloxDev Personally not a big fan of the way these tools work because they are directly converting a json instead of using AI to come up with the best possible solution for implementing it into studio A lot of times the best practices for studio UI is different from the Figma UI

@Chosen_Apes Not released yet! Hopefully in the coming weeks!

@FigbloxDev Has anyone tried this yet to see if its consistent/good quality? Having a pain in the ass creating every frame by hand right now.

@KinderDev We actually have this! Figblox detects Figma auto layout and converts it to a UIListLayout automatically. Vertical stack in figma comes in as a UIListLayout with the right fill direction, spacing and padding in studio.

@FigbloxDev An example is a UI designer positioning 3 frames vertically manually and in studio you would use a UI list layout vertically