What is buttons?
Buttons is what we call our core product offering – our automated Design System Integration Platform (Buttons is catchier).
Buttons runs either locally on your servers or in the cloud and listens for updates made by Designers in the popular design tools of the day like Figma. When a designer pushes a change to a component Buttons springs into action automatically ingesting the Designs and outputting code – in whatever format you choose.
how does it work?
buttons is automated
design-development integration
Buttons is an end-to-end Design System platform that can either be setup stand-alone or integrated with your existing workflow. Buttons lives inbetween your Designers and your Developers – connecting to Figma (or Sketch) and your Code-based Design System. In the example below we are utilizing Storybook an Github.
step by step overview
Every day, your design team is updating components; changing atoms – making tweaks. Let’s look at how we can automate something as simple as a change to two basic elements of a molecule.
Your brand team wants to make two simple updates to your button, adjust the border radius – and the stroke.
- You connect your Buttons instance to your Figma and Storybook/GitHub
- Marketing submits changes to a UI Designer
- Designers update component in Figma
- Buttons detects updates to a Figma component
- Buttons generates updates to your Design Token, and pushes them to your repository
- The updated Design Token is now automatically available for your Developers
With Buttons - it's that easy
Consider what a simple component update takes in your current workflow – then apply that to every tweaked atom, molecule and organism in your entire Design System. Buttons is automatically listening and making updates to Design Tokens every time a Figma Compnent is updated.