Adobe canceled development on the Muse platform in 2018. For many designers, Muse was the first visual tool to get many of these things right. So if you are considering migrating to Webflow you’ll want to read on. We know your time is super valuable, so we’re going to move quickly through each of these.
What is Webflow
With Webflow, you can create almost anything you can dream up like Muse. With Webflow, we can design from a blank canvas. You can drag and drop elements right onto the canvas, but instead of absolutely positioning everything, we’re instead visually manipulating the HTML and CSS right on the page. That means we have access to all the modern layout tools right out of the gate that makes responsive layouts much more effective, still using breakpoint based designs just like you’ve come to expect from Muse.
Now, with this, you get full visual control over everything. CSS offers all these values here in this style panel. Because of this, the learning curve can be a bit steeper. The result of visually developing this way is that we can output production ready code, we can export everything, or we can publish right to a custom domain without having to worry about ftp. It’s got all the other stuff you’ve come to expect, support for type kit, custom font, and Google font. These work natively too, also, whereas Muse has scroll effects, which give us two or three point control over positioning and opacity. Webflow has what we call interactions. This is complete power and control over creating custom triggers and animations that can change the way users interact with your sites, causing their hearts in some cases, to literally skip a beat.
Web Based Development Functionality
You can also develop right inside of Chrome or Safari, so you don’t have to publish or export to test core functionality just like you’d custom code a site by hand. All of Webflow is designed around classes.
Webflow Visual CMS
Finally, Webflow has a visual cms, which lets you import and manage data and your designs can reference that data. This is huge if you’re managing things like practice areas and a law firm, biographies, menu items at a restaurant, blogs, new sites, but that’s what Webflow is, a powerful tool that lets you code visually.
Migrating to Webflow from Muse
The best overview for how to migrate from Muse to Webflow is this full tutorial that was produced by Webflow in 2018.
Many of us on the team have used Muse for years, so we’re intimately familiar with the ins and outs of the code that muse outputs. There’s good news and bad news. The bad news Is, as you already know, Adobe outputs code that’s highly proprietary, doesn’t give us clean HTML and css, and most of it revolves around absolutely positioned elements. The good news is you can rebuild almost anything in Webflow, usually going far beyond what’s possible in Muse. Rebuilding a site can be a pain. It’s time consuming, tedious and downright disheartening at times. But the pain will only be temporary!
Some Steps for Getting Up to Speed on Webflow from Muse
- Understand Webflow Features Overview as compared to Muse
- Learning Webflow Using Your Muse Knowledge
- Project Startup, Plan View and Master pages equivalent in Webflow
- Additional features comparison like share, design canvas, text tool, free form design and breakpoints.