Join the Webstudio community

Updated 2 months ago

Webstudio's Client Experience and Animation Workflow for Webflow Users

At a glance

The community member is coming from Webflow and has questions about Webstudio. They are interested in the visual editor UI for clients and how to manage animations in Webstudio. The community members discuss that Webstudio does not have the same client editing capabilities as Webflow, but they can provide different roles (View, Build, Admin) to allow clients to interact with the website. For animations, the community members suggest using CSS keyframes or libraries like GSAP. They also discuss the potential of using a headless CMS to provide a customized experience for clients to manage content.

Useful resources
I'm coming from Webflow and I have a few questions. Does Webstudio have a visual editor UI for clients what Webflow have? I'm just wondering from a clinet perspective what can I give the client as an experience with the completed product.

I'm also interested how you manage animations in Webstudio? I see the animation still on the roadmap, but what would you suggest to someone (workflow wise) who's coming from the Figma x No-code realm?
M
a
4 comments
Hi @adms !

Here is the roadmap of Webstudio: https://github.com/orgs/webstudio-is/projects/11/views/1

Webstudio has not the same possibility for Client Editing (just for Content). But you can send to link to the client with 3 roles :
  • View : See what in the editor but you cannot make changes
  • Build : you can make changes directly in the Builder
  • Admin : you can make all you want in the builder
Yes your client has to be a little technical to understand. That's why the View with Content Editing would be great. Seems it's plan.


Concerning the animation for now you need to use keyframes in CSS or some library like GSAP. There is no an animation engine like Webflow.
Webflow works with jsquery for there animations. I don't think Webstudio is gonna choose jquery. But using CSS animations is relatively easy and you can use GSAP to make your animations (like on Webflow). I know @John Siciliano has made some attributes for some animations if you need: https://youtu.be/gf7jB1-p7kM?si=DMeXvMahtAKzY6tu
Hi Milan, Thanks for your answers and suggestions! Client editing will be the key for selling this workflow. Maybe the only solution will be to limit the user into a CMS editor where they can manage, add, remove and modify their content. I usually try to find a customized experience for the client for their needs. I think it's great when they can manage everything from one CMS dashboard. Sometimes Webflow can be somewhat confusing because you can edit content on a visual editor but you can do the same on another page with inputs and stuff.

Maybe this case choosing a great headless CMS and make everything editable from there is the best solution.
It depend if the content is static or dynamic. If it's static you can send a Build link to your client (but the downside is that you give him the possibilty to change CSS and HTML). If it's dynamic (coming fomr CMS), your client can make the change on the CMS himself and the content will be update with no problem. Do you already have make a choice for a CMS?
Not yet. I did not even scoped any project for Webstudio just guessing πŸ™‚ I found your guide to cms choices really nice – what you have on the site – so, baserow, strapi sounded promising at first glance.

I'm thinking to deliver end to end quality sites where branding the CMS editor could be an option too. So I'd keep my focus on CMS sites only and not doing any static site. Maybe static sites could stay in Webflow or Framer since their lowest paid tier can be viable for any business.
Add a reply
Sign up and join the conversation on Discord