Avenlo - Browser-based UI editor

Resources Community Resources
, ,
1

dark-logo-with-text
dark-logo-with-text2172×724 71.7 KB

Hi everyone :waving_hand:

I’m sharing Avenlo, a browser-based editor for Roblox UI model files. It is built for Roblox UI development workflows: importing existing UI models, editing them visually, previewing across device sizes, and exporting them back into Roblox/Studio-friendly formats.

Avenlo is not affiliated with, sponsored by, or endorsed by Roblox Corporation.

I’m a solo developer working on this tool, so the app is still improving. It is not meant to be presented as a “perfect” or “super-powered” replacement for Studio. My goal is to make a useful focused editor for Roblox UI workflows, then improve it based on real feedback from Roblox creators.

What Avenlo is for

Avenlo is meant for creators who work with Roblox UI and want a focused visual editor outside Studio for layout and property iteration.

It can be useful when you want to:

  • edit ScreenGui/UI model files visually
  • inspect and modify Roblox UI properties
  • preview UI across desktop, tablet, and phone sizes
  • prepare Rojo-compatible exports
  • create reusable UI resources for projects or teams

Current features

  • Import .model.json, .json, .rbxmx, .rbxm, and ZIP packages
  • Visual canvas with Explorer and Inspector panels
  • Move, resize, nudge, duplicate, undo, and redo UI instances
  • Edit common Roblox UI properties such as size, position, anchor point, colors, gradients, fonts, image IDs, and layout values, etc
  • Multi-view preview for desktop, tablet, and phone layouts
  • Safe area overlay and custom device sizes
  • Export as Rojo .model.json,JSON, .rbxmx, package ZIP, or Lua reference template
  • Design layer mode for simple shape/text/image compositions that can be flattened into Roblox image UI
  • Project dashboard with private sharing and community resource copying inside Avenlo

Roblox OAuth and safety notes

Avenlo uses Roblox OAuth for sign-in and asset-related features. It does not ask for your Roblox password or Roblox API keys.

The app is designed as a creator productivity tool. It does not automate gameplay, trades, rewards, Robux, social actions, or Roblox account actions.

Limitations

  • Browser preview is intended to be practical, but Roblox Studio should still be treated as the final source of truth.
  • Uploaded image assets may take time to appear because Roblox needs to process and review them.
  • Some UI classes or properties may be preserved/exported even if they do not have a full visual preview yet.
  • Since this is built by a solo developer, some workflows may still need polish or better compatibility testing.

Feedback wanted

I’d really appreciate feedback from Roblox UI developers, especially around:

  • import/export compatibility
  • Studio/Rojo workflow fit
  • layout preview accuracy
  • which UI classes or properties need better support
  • confusing parts of the editor UX
  • whether the community resource/project sharing workflow is useful

3-day free trial. No credit card. After that, $5/month (pay as you go).
Link: avenlo
Feedback: avenlo feedback

Support is available in this thread. I also have an optional Discord community for users who prefer it: Avenlo

Preview:

Project Page
Project Page1915×1076 116 KB
Editor
Editor1919×1079 237 KB

Instance
Instance1919×1079 138 KB
image
image1919×1079 182 KB

image
image1918×1079 260 KB

1 Like
2

should make write access optional for your “connect with roblox” i’d try this and it looks neat but def not giving you access to write to my roblox acc

3

Thanks for pointing this out — that’s a very fair concern.

I agree that this should be optional. I’m going to separate the auth flow so users can use the basic editor with a lower-permission sign-in, and only request write access when they specifically want to use features that upload/publish assets through Roblox.

I’ll also update the post/app wording to make the requested permissions clearer. Appreciate the feedback — this is exactly the kind of trust/safety issue I want to handle properly.

4

Update: Roblox permissions are now optional

Thanks for the feedback about Roblox write access.

Avenlo’s Roblox connection flow has been updated so the first login only asks for basic account identity. Asset permissions are now opt-in:

  • Image asset browsing can be enabled separately for asset picker features.
  • Roblox asset write permission is only requested when you want Avenlo to upload PNG exports to your Roblox assets.
  • The profile modal now shows which Roblox permissions are currently enabled.
  • The manual workflow still works without write access: download the PNG export or paste an existing rbxassetid.

This should make it easier to try Avenlo without granting upload/write access up front.

image
image989×851 70.5 KB

Update
Feedback