Updates to DevLink Export

We're excited to share some improvements to the DevLink export experience that make it easier to work with your exported code.

New export file structure

We've reorganized how files are exported to make your codebase more maintainable:

Simplified folder hierarchy: Files are now organized in a flatter structure that's easier to navigate
Better asset management: Images, fonts, and other assets are grouped in dedicated folders
Improved naming conventions: Component and file names are now more consistent and descriptive

Enhanced code quality

The exported code now includes several quality-of-life improvements:

Better formatting: Code is formatted consistently for improved readability
Optimized CSS: Stylesheet generation has been improved to reduce redundancy
Cleaner HTML structure: Markup is more semantic and follows best practices

Better component mapping

Components exported from Webflow now map more accurately to standard web component patterns, making it easier to integrate with your development workflow.

What this means for you

If you're currently using DevLink exports, your existing workflows will continue to work. When you export a new project, you'll see the improved structure and code quality automatically.

For teams working with DevLink, these changes make it easier to:

Navigate exported projects in your IDE
Maintain consistency across multiple exports
Integrate exported code into larger applications
Collaborate with other developers using the same exported codebase

We're continuing to invest in DevLink to make the handoff between design and development as smooth as possible.

Updates to DevLink Export | Webflow Updates