Skip to main content


Customize your application UI with Smart Editor, where you can easily edit and modify all UI changes using handy keyboard shortcuts while having real-time design preview and errors, which helps you make UI more adaptive and accurate and also avoids switching back to your Figma design by providing you all your necessities right here, while you create your application.

Example banner

Key capabilities

Real-time design renderingReal-time design rendering eliminates the need to rebuild the project again and again. Changes you make are reflected instantly on the attached viewport size.
Live errorsLive errors auto-detects your design issues while you edit the design in the editor and show you errors and warnings priorly, even before you build the app, to avoid unwanted issues later and make your app design more accurate.
Keyboard Shortcuts for EverythingSmart Editor provides developer-friendly keyboard shortcuts for everything available.
Change WidgetIn some cases, you might need to modify the widget, in such cases you can easily do it from the Editor without returning to Figma. The change widget feature allows you to change your widget from the Editor itself in no time.
Modify Widget PropertiesSmart Editor allows you to quickly modify and add new properties for each widget. All you need to do is select the widget you wish to modify, and add or update the widget that suit your requirements.
Group, Ungroup, and Delete WidgetSelect the widgets, right-click on the selection or use the associated keyboard shortcut to group widgets together or ungroup them, also delete the widgets when needed, right here from the Smart Editor itself.
Easy Design PreviewEasily switch between Figma screen design and Editor preview for a screen, which would be convenient while you modify the screen design.
Easy Screen Navigation while developmentSmart Editor offers you a quick way to navigate between the screens of your application without going back to the screen list.

Got a question? Ask here.