UI5 Generator
UI5 Generator is a native Visual Studio Code extension for creating UI5 wireframes visually and generating XML views from them.
This extension is still in development. Some features may change, and bugs are expected while the project evolves.
What It Does
- Opens a visual editor directly inside VS Code.
- Lets you assemble UI5 wireframes using available UI5 components.
- Provides a properties inspector for editing selected component attributes.
- Generates XML view code from the visual structure.
- Previews the generated XML before saving or copying it.
- Opens existing
.xml files with the generator from the Explorer or editor context menu.
- Runs the current XML generation flow locally inside the extension.
Screenshots
Visual Wireframe Editor
Available Components
Properties Inspector
Generation Options
XML Preview
How To Use
- Open the Command Palette with
Ctrl+Shift+P.
- Run
Open UI5 Generator.
- Build your UI5 wireframe in the visual editor.
- Use the generation actions to preview, copy, or save the generated XML.
You can also right-click an .xml file in the Explorer or inside an open editor and choose Open with UI5 Generator.
Commands
Open UI5 GeneratorOpen with UI5 Generator
Extension Settings
This extension contributes the following settings:
ui5Generator.generatedXml.defaultFileName: default file name used when saving generated XML.
Roadmap
- Remote backend and AI-assisted XML refinement are planned for a future version.
- The current release keeps generation local and does not send wireframes or XML to an AI service.
Known Limitations
- The extension is currently a preview/development release.
- Generated XML should be reviewed before being used in production projects.
- Some UI5 components and properties may not be fully supported yet.
- Existing XML import and round-trip behavior may still have edge cases.
Feedback And Issues
Please report bugs, suggestions, or missing UI5 component support in the project issue tracker:
https://github.com/Romaodv/genui5app/issues
License
See LICENSE.
| |
