# Editor Overview (/editor/overview) Develop embedded UIs faster with a visual XML editor that combines real-time preview, intelligent autocomplete, and seamless code generation. Work with components, screens, animations, and tests all in one integrated environment. What is the Editor? [#what-is-the-editor] LVGL Pro's Editor is a powerful XML-based development environment that simplifies embedded UI creation. Its core features include: * **Real-time preview** - See pixel-perfect UI changes instantly as you type * **XML editing** - Complete support for components, screens, tests, animations, and translations * **Code generation** - Export optimized C code ready for firmware integration * **Custom widget support** - Recompile preview with LVGL and custom C-based widgets * **Cross-platform** - Available as desktop app, VSCode extension, or web application Key Advantages [#key-advantages] See components instantly in a pixel-perfect preview while writing XML, eliminating the edit-compile-test cycle. Autocomplete speeds up XML writing, while the inspector tool visualizes widget sizes, paddings, and spacing. Accelerate Figma design implementation with the dedicated plugin to sync styles and layouts. Write and run UI tests in seconds, and use data bindings to connect UI to dynamic data sources. Available Platforms [#available-platforms] The Editor can run on multiple platforms to fit your workflow: * **Desktop Applications** - Native apps for Windows, macOS, and Linux * **VSCode Extension** - Develop directly within your preferred code editor * **Web Browser** - Online version accessible from anywhere without installation Learn More [#learn-more] For detailed information about XML syntax and structure, see the [XML Overview](../syntax/overview) documentation.