Designers Hero
Why Ignite

Ignite for designers

A foundation for design work can make all the difference in saving time and jumpstarting creativity. Ignite gives designers a foundation for a design system that extends beyond a Figma file.

Why Ignite is your new best friend

We created Ignite to help teams build sites more efficiently by giving them the pieces of a fully-established design system. People talk about ‘design systems’ a lot in the product development process, but often in the wrong way. A design system isn’t just a file with colors, fonts and component styles that only designers touch when they’re working in Figma. A true design system is a set of standards that are adopted by both designers and developers to create a consistent user experience and help teams build faster.

A design system establishes what a card component looks like in every instance across a website, or how primary and secondary buttons are styled, or what the hover state should be. Ignite can be the foundation for your own design system.

 

Our philosophy on components

We subscribe to a component-based approach to site design and development. That means we design a set number of needed components (ex: a card, a carousel or a form), and reuse those components consistently throughout the design. This approach saves time and keeps the design cohesive.

With Ignite, we’ve designed and built a selection of base elements and editorial components. Base elements are the basic building blocks of a site – pieces like the main navigation, drop shadow rules, the site’s color palette and radio button styles. Editorial components are pieces that site editors can drag and drop into new pages and edit the content – pieces like a promo banner or a quote block. Site editors won’t need to add a new main navigation to a page, but they’ll probably want to place a quote block at some point.

 

Covering the basics

With Ignite, we took care of the boring work so you can focus on designing your site to fit your organization’s unique needs and brand. Thanks to our Figma UI kit, you don’t need to design another button or card list from scratch. Take the foundational components of Ignite and tweak them to match your brand’s own look and feel. Our selection of components should cover the basic needs for most websites, but go ahead and build on them and add any others you and your team decide you need throughout your planning process. We created Ignite to be a starting point for teams to customize to their hearts’ content.