Arsalan Khattak
24 October 2024

Announcing the Figma Design System for Bryntum Gantt

As part of our ongoing mission to improve the developer experience of our products, we’re excited to bring you the […]

As part of our ongoing mission to improve the developer experience of our products, we’re excited to bring you the Figma Design System for Bryntum Gantt

The Bryntum Gantt Design System is a visual blueprint for the Gantt chart application you want to build. Drag and drop ready-to-go UI elements onto the Figma canvas to design and rapidly prototype your Gantt component.

Save time, communicate ideas, and test out user workflows before building the Bryntum Gantt component. 

Plan the layout of your Gantt chart 

The Bryntum Gantt library is highly customizable, with an extensive range of features to choose from and configure. This can make planning your Gantt chart time-consuming, especially if you’re looking for a quick and accurate representation of your Gantt chart in an existing application. 

We’ve prepared the essential Bryntum Gantt UI elements in Figma for your design and prototyping needs to simplify the planning process.

Plan your Gantt chart by placing columns, cells, and toolbars, then add more detail with radio buttons, checkboxes, milestone icons, and labels.

Start building your Gantt chart with the structure and design approved, and you won’t need to worry about redesigning during the building phase or reworking elements that have already been coded.

Decide on features and user workflows 

Experiment with implementing user stories visually. Will users mark off completed events by clicking a checkbox? Would users need multiple baselines to measure project progress against?

Plan out user scenarios to meet your clients’ needs and quickly add or remove elements as you decide on features.

Communicate ideas visually

Keep managers, designers, and developers on the same page: Our Figma Design System is a complete visual framework that gives your designers the flexibility to design your Gantt with confidence that your developers can implement it easily using the Bryntum Gantt library.

Light, dark, and a splash of color!

Customize the Gantt chart by accenting selected elements with your brand colors to visualize the final look. 

Plus, there’s no need to redesign a dark-mode version of your Gantt chart. Along with our light Stockholm theme, the Figma Design System includes our Classic-Dark theme. Figma lets you switch between them. 

Try Bryntum’s Figma Design System

Visit the Bryntum Design System to get started planning your Gantt chart immediately. All you need is a free Figma account

Explore the Bryntum Gantt demos for ideas to get you started.

Get in touch  

We value your input! Contact us with any feedback or requests so we can continuously improve the developer and user experience.

If you need help deciding if Bryntum Gantt is the solution for you, try Bryntum Gantt with a free 45-day trial, or book a call with us to chat about your requirements. 

Arsalan Khattak

Bryntum Gantt Design