8
4 Comments

SystemFlow is like Tailwind UI but for Webflow... and needs your feedback

Hello All đź‘‹

This is Greg and Matt - we use Webflow day to day in our client's work and came up with the idea of systemflow.co - we're on the last straight to launch, but need your feedback.

I've recorded a short video on the basics of our Framework:
Vimeo

🤔 What are your thoughts?
🤔 Would you use it?
🤔 How can we improve it before we launch?

Why we made SystemFlow?

Few months ago we've came up with an idea for a UI Framework that would help us deliver projects in Webflow much faster. I broke down the process to the tiniest bits and discovered that we spent much time on repeating the same things over and over for each individual project. The painpoints were for example:

  • Wasting time for recreating the structure for each website, with navbar, footer etc.
  • Creating new classes to apply spacing and deal with inconsistent spacing
  • Adding even more classes to colour text spans and backgrounds
  • RWD has to be tweaked individually for each project
  • Having to search icons over and over and no easy way to replace them
    and more...

I did an extensive research and there was no readymade solution. Templates and UI Kits are usually built around certain styling and this determines all the components and layout. This makes them easy to start up with but the more you want to change and restyle the harder it becomes... we've all been there.

We were impressed with Tailwind CSS and how they managed to create a clean, low-level framework for developers. This was our aha-moment while thinking of a design framework that would boost our freelance and agency work. Webflow doesn't come with a framework, rather than empty canvas. Tailwind is an awesome low-level, responsive framework but lacks an easy, visual editor.

We decided to iterate on this idea to create our own framework from scratch. We aimed for it to be more visual and UI designer oriented yet maintaining the level of customisation offered by clean developer solutions. Now, 5 months later (after 400+ hours put in the Framework), we're using SystemFlow for our client's work and can't imagine going back. We feel it's ready to help more web designers like us, using Webflow.

đź“„ Check out Beta Docs here, with all the SystemFlow Features and Components

Please let us know your thoughts 🤔

We're now live @ systemflow.co

posted to Icon for group No-Code
No-Code
on November 6, 2020
  1. 1

    It looks really good. I bought it just now to test and give my support as I too love and use Figma and Webflow constantly. Pricing was a bit high but I guess that's justifiable if the quality of work reflects that (which seems to be the case, btw)

    I'm still not entirely sure how things flow from Figma to Webflow if I customise the framework in Figma. Do I need to then replicate those changes manually in Webflow or did you build something in the Webflow project that takes a copied element from Figma and creates the HTML/CSS version of it?

    1. 1

      Missed that initially but I think I answered this on the onboarding Zoom or via email :) so hopefully you get the answer, in not just drop me a line - hello at systemflow.co

  2. 1

    Looks great. REally would consider using it, but the price seems a bit high.

    1. 1

      Thanks for the feedback! Gotcha - we'll think about the pricing and maybe release a cheaper version of current framework, with no updates.

Trending on Indie Hackers
I'm a lawyer who launched an AI contract tool on Product Hunt today — here's what building it as a non-technical founder actually felt like User Avatar 142 comments “This contract looked normal - but could cost millions” User Avatar 54 comments A simple way to keep AI automations from making bad decisions User Avatar 52 comments 👉 The most expensive contract mistakes don’t feel risky User Avatar 41 comments The indie maker's dilemma: 2 months in, 700 downloads, and I'm stuck User Avatar 40 comments Never hire an SEO Agency for your Saas Startup User Avatar 39 comments