What's new?


August 23, 2021

SystemFlow v1.2

What's new:

  • added new page Feature - Text Center
  • added new component 'Feature / Center / Image'
  • added new component 'Feature / Center / Video'
  • added new component 'Feature / Center / Switch'
  • added new component 'Feature / Center / Count up'
  • added Feature - Text Center page thumbnail
  • added Feature - Text Center card to Overview page
  • added new component 'Testimonials / Slider'
  • added new component 'Tabs Vertical'
  • added new component 'Horizontal list'
  • added new component 'Empty Section / Title 2 Columns'
  • added new component 'FAQ / 2 Columns Alt'
  • New Live Componens
  • Text Replace
  • Form Memory
  • Form Hidden Field
  • Form prefill
  • Countup
  • minified Live Components scripts
  • new lessons in University
  • Text Replace Live Component
  • Forms Live Components
  • Countup Live Component

What's fixed

  • minor bug fixes and improvements

What's changed

  • Script links to Live Components have changed in Settings → Custom Code

SystemFlow for Figma v 1.2

  • Figma version is now updated to match the SystemFlow version 1.2
  • changed Unordered list and Ordered list components to use native list Figma feature
  • minor bug fixes and improvements
August 9, 2021

SystemFlow University

SystemFlow University is live! Visit our university where you will find a complete guide for our framework for Figma and Webflow. Learn how to use the docs, prototype and launch websites effortlessly and faster than ever before!

May 18, 2021

Purple Template based on SystemFlow

What's new

Added new template based on SystemFlow

March 15, 2021

Green Template based on SystemFlow

What's new

Added new template based on SystemFlow

February 1, 2021

University Template based on SystemFlow

What's new

Added new template based on SystemFlow

January 12, 2021

SystemFlow v1.1

What's new:

  • added new component 'Avatar'
  • added Live components with the documentation
  • Countdown
  • Show & Hide on date
  • Cookie Notification
  • Confetti Popper
  • added Live Components scripts to Custom Code Footer in Project Settings
  • added 'Card / Countdown 1' and 'Card / Countdown 2' live components to Card page
  • added 'Alert / Countdown Banner' live component to the Alert page
  • added atom symbols (such as Buttons, Links, etc) into Template components (nested symbols update)
  • added 'Text Wrapper' and 'Text Wrapper Centered' symbols in Typography
  • added 'Brand Logo' and 'Brand Logo Dark' symbols
  • 'Brand Logo' and 'Brand Logo Dark' symbols are now nested components inside Navbar and Footer sections
  • added 'Feature Icon' and 'Feature Icon Small' symbols
  • added 'Cards' section components to Templates/Sections
  • added thumbnails for the new components: 'Live Components', 'Cards' and 'Avatar'
  • added 'Button Separator' class to separate 'Button' symbols in 'CTAs Wrapper'

What's changed:

  • typography is now responsive and uses REM values
  • 'Body Text' class and 'All Paragraphs' use now Neutral / 90 color for better contrast to Headings
  • added 'Avatar' symbol to 'Testimonial' symbols
  • Changes to Card components:
  • 'Card' (in Components/Data Display) are single Card symbols
  • 'Cards' (in Templates/Sections) are section components that use nested 'Card' symbols
  • SVG icons from Feature section components are now replaced with 'Feature Icon' and 'Feature Icon Small' symbols
  • 'Testimonial / Box' symbol now uses 'Body Text / M' class for better consistency with the entire system
  • replaced 'Page / Custom Code' embed symbol with ' Custom Code (must be on every page)' div that contains HTML Embeds for better readability
  • improved 'Pricing Card Header 2' visually in the 'Pricing / Basic 2' symbol
  • added all visual assets to the 'SystemFlow assets' folder in Assets Panel
  • the dropdown menu in Dark Navbar is now consistent with the Dark version of the Navbar
  • updated icons size from px to rem values in 'Custom Code Embed'
  • changed 'Link + Icon' in Card symbols to use Material Icons class
  • 'Toast' is now set to 640px max-width instead 640px width to be responsive

What's fixed:

  • fixed minor spacing issues in the 'Material Icon' class
  • fixed 'Tabs' menu on Mobile viewport so the user can now scroll it horizontally when the content exceeds the width
  • 'Vertical Menu Title' is now Bold for better consistency
  • fixed Hover state for Footer links
  • fixed some small overall spacing issues in the system
  • removed unnecessary scripts and styles
  • changed SEO title from 'Notification' to 'Toast' to match the page title
January 12, 2021

SystemFlow for Figma v1.1

Figma version is now updated to match the SystemFlow version 1.1

What's new:

  • added visual representations of 'Live Components' to Figma
  • added 'Cards' page to Templates
  • added 'Avatar' page
  • added 'Text Wrapper Centered' to the Typography page

What's changed

  • redesigned 'Empty Section' components to match Webflow's version
  • Feature Icons are now components and are using Material Icons
  • previous Feature Icons (SVG) icons are now removed
  • 'Testimonial / Box' uses now 'Body text / M' for better consistency
  • added 'Avatar' components to Testimonials
  • 'Body text' color is now 'Neutral / 90'

What's fixed

  • minor visual improvements for better consistency
December 18, 2020

SystemFlow for Figma v1.01

Minor fixes to improve the quality and efficiency of the UI kit:

What's fixed

  • Fixed icons naming so they won't show in search results first instead of components
  • Changed Testimonials / 2 Columns name of the component to Testimonials / Box. (There were two different components named the same)
  • Atom components (such as Buttons, Dropdown Triggers, etc.) are now variants
  • Changed the text of the Main / Paragraph component (the previous text was from version 0.9 that is no longer needed)
November 25, 2020

Book Template based on SystemFlow

Shipped the first core template for SystemFlow, available for clients to request.

November 20, 2020

SystemFlow for Figma v1.0

What's new

Launched first, the early version of SystemFlow for Figma after the release of AutoLayout v. 3. This release features:

  • Text Styles
  • Color Styles
  • Components
  • Auto Layout v3
  • Variants
November 10, 2020

SystemFlow v1.0

Small improvements + v1.0 access for people who preordered SystemFlow

October 29, 2020

SystemFlow Beta

Beta access for the first 20 people including the Webflow team

October 17, 2020

SystemFlow Early Beta

The early rollout for our friend designers working with Webflow

October 2, 2020

SystemFlow Alpha v0.9

What's new

  • Improvements + fixed minor bugs
  • Prepared Figma preview
October 2, 2020

SystemFlow Alpha v0.1-v0.8

SystemFlow Alpha 0.8

2 October 2020

Documentation setup for the whole project

SystemFlow Alpha 0.7

25 September 2020

Section components setup

  • Added Empty Sections component
  • Added Navbar, Footer, Hero, Feature Sections, CTA Section, FAQ, Pricing, Testimonials, Contact and Long Content

SystemFlow Alpha 0.6

28 August 2020

Data display and feedback components setup

  • Added Card, Collapse, Table, Tag, Tooltip, and Tabs
  • Added Alert, Modal, and Toast

SystemFlow Alpha 0.5

11 August 2020

Navigation and Form components setup

  • Added Breadcrumbs, Dropdown and Nav Menu
  • Added Input, Textarea, Form Toggles, and Example Forms

SystemFlow Alpha 0.4

29 July 2020

General components setup

  • Added Button and Link

SystemFlow Alpha 0.3

23 July 2020

Styleguide setup

  • Added Material Design icons support

SystemFlow Alpha 0.2

19 July 2020

Styleguide setup

  • Added color palette classes
  • Added spacing classes

SystemFlow Alpha 0.1

12 July 2020

Styleguide setup

  • Added color palette
  • Added typography classes

How to get the new update?

If you purchased the pro license, you can request the access to new updates and templates.

Learn how

Speed up your design process