August 12th, 2024

Show HN: Copy-Paste from Webflow into Webstudio

Webstudio has launched a feature enabling users to copy content from Webflow, converting it into components and styles. It supports Markdown and will soon support CSS, enhancing productivity and compatibility.

Read original articleLink Icon
Show HN: Copy-Paste from Webflow into Webstudio

Webstudio has introduced a feature that allows users to copy content from Webflow and paste it directly into Webstudio, translating it into components and styles. This functionality is designed to enhance productivity for designers by enabling cross-platform compatibility. Users can paste Webflow projects, templates, and component libraries, which will automatically convert elements into Webstudio components, including the mapping of classes to Tokens. The tool supports Markdown and will soon support CSS, allowing for seamless integration of styles. Webstudio maintains compatibility with the Webflow ecosystem, offering thousands of sections and templates that can be copied with ease. While most elements and styles transfer smoothly, some items, such as variables and certain global styles, may not be compatible. The platform emphasizes a no-code approach, allowing users to control CSS properties visually and manage responsive styles effectively. Webstudio also offers flexibility in naming styles and does not impose hosting restrictions, enabling users to self-host their projects.

- Webstudio allows direct copying from Webflow, translating content into its components and styles.

- The platform supports Markdown and will soon support CSS for enhanced functionality.

- Users can access thousands of templates and components for quick project setup.

- Most Webflow elements map to Webstudio components, but some items may not transfer.

- Webstudio offers a no-code approach with flexible styling and self-hosting options.

Link Icon 3 comments
By @pavlov - 8 months
Congrats on the launch!

I have to warn you're poking the hornets' nest on HN with this slogan:

"Now, designers benefit from the same thing that makes developers productive: copy-paste."

By @pratio - 8 months
Congrats on the launch!

Looks amazing Is there a way to try this without signing in to use it locally?

By @Bharathkumar12 - 8 months
All the best for the launch.

Would give it a try on my site.