Introducing Our Figma Design System Sticker Sheets
At AG Grid, we focus on making our Data Grid and Charting Libraries as easy to use as possible, which includes creating tools to help you use our libraries. A prime example is our Figma Design System, which allows developers & designers to prototype, design and customise AG Grid applications in Figma.
In our latest release, we've introduced Sticker Sheets which contain a collection of pre-built AG Grid and AG Charts components that you can drop-and-drop into your designs, making it faster and easier to create mock-ups and prototypes.
What is a Sticker Sheet?
A Sticker Sheet is a collection of ready-made components that you can drag & drop directly into your designs. Our Sticker Sheets contain Grids, Charts, Menus, Icons and Parts such as Dropdowns, Sparklines, Buttons, and more...
Why we added Sticker Sheets
Our Figma Design System was built to allow designers to theme and customise AG Grid components in their own complex design systems. However, we recognise that not every use case requires theming or high levels of customisation. The new Sticker Sheets are perfect for when you simply need a fast, visually accurate representation of AG Grid - instead of building grids or charts from scratch, you can use these ready-made building blocks to quickly mock up your Data Grids and Charts, without worrying about the complexities of integrating AG Grid into your existing design system
When to use the Sticker Sheet:
Sticker Sheets are perfect for:
-
Creating Rapid Prototypes
Sticker Sheets let you quickly assemble grids and charts without starting from scratch, so you can focus on refining your ideas. -
Non-Figma experts
Even if you’re not deeply familiar with Figma, you can still create professional-looking mock-ups using Sticker Sheets. The components are simple to use and don’t require advanced Figma knowledge; simply drag and drop the different components into your designs. -
Users who prefer simplicity
If you want a lightweight way to create mock-ups without managing a complex design system, Sticker Sheets provide a straightforward solution.
How To Get Started
To start using the new Sticker Sheets, download the latest version of our Figma Design System and open the Sticker Sheet page, which is linked from the Welcome page of the design System
From here, simply browse through the different components and copy and paste the ones you want to use into your own designs.
Feedback
We're always keen to hear feedback from our users; if you'd like to get in touch with us, leave a comment on our Figma Design System Community page, and our design team will get back to you.