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
Your SaaS Isn’t Failing — Your Copy Is. User Avatar 61 comments Build AI Agents & SaaS Apps Visually : Powered by Simplita ai User Avatar 24 comments The Future of Automation: Why Agents + Frontend Matter More Than Workflow Automation User Avatar 21 comments No Install, No Cost, Just Code User Avatar 20 comments AI Turned My $0 Idea into $10K/Month in 45 Days – No Code, Just This One Trick User Avatar 14 comments 15 Years of Designmodo User Avatar 13 comments