Kendo UI Kits for Figma: Material, Bootstrap, Default

Overview

Have you wondered what it would be to talk to the designer of your application and feel like you are speaking the same language? The Kendo UI Design Kits for Figma are here to help.

The Telerik and Kendo UI Kits for Figma are design files that make the collaboration between application developers and designers easier. Each UI kit is a precise visual representation of the KendoReact components. We offer three Figma kits – one for each of the themes that come with the KendoReact UI component library: Kendo UI Kit Default, Bootstrap, and Material. The purpose of the design kits is to enable the seamless handover of the design to the developers.

Matching Building Blocks for Design and Development

The Telerik and Kendo UI Kits for Figma give your designers more than just an idea about the KendoReact components that are available to the developer. They give them building blocks that match the KendoReact components. These matching building blocks enable developers to seamlessly implement the design by using the out-of-the-box Kendo UI components. There is no need to start from scratch and spend time drawing UX components. It doesn't matter if you work with in-house designers or an agency - with the UI kits, you are ready for a running start.

90+ Components

Each of the Kendo UI Kits for Figma includes the designs for more than 90 KendoReact components in all their states - covering the complete suite with the sole exception of the Charts library, which is expected in early 2022. Thanks to the UI kits, the designer knows exactly what components are included in the library and can work in tandem with development to ensure pixel-perfect implementation.

Advanced Customization

If you need more customization and want to style your application with recognizable brand colors, we've got you covered. You can take advantage of our ThemeBuilder app that allows you to further customize the out-of-the-box KendoReact themes with your brand guidelines. For more advanced customizations, check out Your Own Design System page to learn how you can take advantage of years of experience in application design and development.

Seamless Upgrades with the InstaRelinker Tool

Seamlessly upgrade to newer versions of the kits while keeping your styles. No more tedious hours spent manually swapping instances and replacing remote styles with local styles. With the InstaRelinker, this happens in seconds! Available free as a Figma community plugin.