Sites Mode lets you publish your designs directly as live websites. Convert designs to responsive HTML/CSS and deploy with one click.
Publishing Options
Azyrom supports multiple publishing methods:
- Export Static Files - Download HTML, CSS, JS, and assets as a ZIP
- Local Preview - Test your site on localhost before publishing
- Custom Domain - Connect your own domain name
Publishing Workflow
Switch to Sites Mode
Click the Sites tab in the mode selector to access web publishing features.
Configure pages
Organize your frames as pages and set up navigation between them.
Set responsive breakpoints
Define how your design adapts to different screen sizes.
Add interactions
Create hover states, click actions, and page transitions.
Publish
Click Publish to export your site or deploy to the web.
Export Static Files
Download your site as static files for self-hosting:
- Click Publish > Export in the toolbar
- Choose export settings (minify, optimize images)
- Download the ZIP file containing all site files
- Upload to any web hosting provider
Local Preview
Test your site before publishing:
- Click Preview to start the local server
- Your browser opens to localhost:3000
- Test navigation, responsiveness, and interactions
- Changes update automatically
Generated Code
Azyrom generates clean, production-ready code:
- Semantic HTML5 structure
- Responsive CSS with media queries
- Optimized images and assets
- Minified code for production
SEO & Analytics
- Meta titles and descriptions
- Open Graph images
- Sitemap generation
- Google Analytics integration
Content Management
- Editable text fields
- Image galleries
- Blog posts and collections
- Form data collection
While Sites Mode is in development, you can prepare your designs by using proper naming conventions, organizing frames as pages, and building with responsive layouts in mind.
Design Tips for Web
To prepare designs for publishing:
- Use Auto Layout - Creates responsive, flexible layouts
- Name your layers - Good names become CSS classes
- Use standard fonts - Web-safe fonts or Google Fonts
- Design for multiple sizes - Create mobile and tablet variants
- Keep it simple - Complex effects may not translate perfectly
Current Alternatives
Until Sites Mode launches, you can:
- Export as SVG and use in web projects
- Use the export feature with code frameworks
- Share design files with developers
Stay Updated
Sites Mode is actively in development. Check the Azyrom blog and release notes for updates on availability and features.