Done with the tedious Figma to Roblox conversion? Our codegen plugin automates it for a hassle-free, time-saving, and seamless experience. Focus on creativity, not translations!
Get the figma plugin, select one frame, enable dev mode and set the codegen feature to this plugin and there you go!
Note
Your designs must be inside of a 1920x1080 frame, so the plugin can get proper scales
- Position (scale)
- Size (scale)
Those are shared properties between all instances
- BackgroundColor3
- BackgroundTransparency
- ClipsDescendants
- LayoutOrder
- ScrollBarThickness
You need two frames inside of the frame predenting to be a scrolling frame:
| Name | Description |
|---|---|
Scrollbar |
Represents the scrollbar, should be at the right side |
Content |
May have auto layout wrap feature and one frame children (template) |
Warning
Roblox seems buggy when using UIPadding and UIAspectRatioConstraint inside of ScrollingFrame
- FontFace
- Text
- TextColor3
- TextTransparency
- TextXAlignment
- TextYAlignment
- AspectRatio
- FlexMode
- FillDirection
- HorizontalAlignment
- HorizontalFlex
- Padding (offset)
- VerticalAlignment
- VerticalFlex
- Wraps
- PaddingBottom (offset)
- PaddingLeft (offset)
- PaddingRight (offset)
- PaddingTop (offset)