Skip to content
ai2svelte

Preview

ai2svelte v1.1.0 introduced a built-in preview server that allows you to quickly preview your exported Svelte components in a local development environment. This feature streamlines the testing process, enabling you to see how your designs look and behave in a real Svelte application without needing to set up a separate project.

By default, previews are refreshed when there are updates made to the ai2svelte settings or the styles, but you can also manually trigger a refresh by clicking the “Refresh Preview” button.

Previews allow you to experiment with different styles and settings without committing changes to your main project, making it easier to iterate on your designs and ensure everything looks perfect before finalizing your Svelte components. You can reload the plugin by right-clicking and selecting “Reload” to backtrack to the last saved settings and styles.