UI Kits for Figma: Material, Fluent, Bootstrap, and Kendo Default

kendo_mascot-1-min

Overview

The Kendo UI Kits for Figma are design files that eliminate iteration cycles between design and development. Each UI kit is an exact visual replica of the most popular Kendo UI for jQuery components. We offer four Telerik and Kendo UI Kits for Figma – one for each of the themes that come with the Kendo UI for jQuery component library: Kendo UI Kit DefaultBootstrap, Fluent, and Material. Keep reading to learn how these design files remove all headaches from the design-developer handoff.

Telerik and Kendo UI Kits for Figma - Components

Matching Building Blocks for Design and Development

In most cases, the Figma design files produced by designers are mere mockups of the components the developer will eventually implement. The Kendo UI Kits for Figma do better. They give them pixel perfect replications of Kendo UI for jQuery components. The designers see exactly the same thing as the developers. These matching building blocks enable developers to seamlessly implement the design by using the out-of-the-box Kendo UI components. It doesn't matter if you work with in-house designers or an agency - with the UI kits, design-to-develop handoff is perfect.

Comprehensive Coverage

Each of the Kendo UI Kits for Figma includes the designs for all Kendo UI for jQuery components in all their states. And, we plan to continuously add more. 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.

Customization at Any Level

You don't need to take these designs as they come. You have two levels of customization to choose from if you would like to go beyond what you get out of the box.

  1. If you want to style your application with recognizable brand colors, we've got you covered with the ThemeBuilder app. It allows you to further customize the out-of-the-box Kendo UI for jQuery themes with your brand's color pallet.
  2. For more advanced customizations such as a truly unique design system, check out Design System Services 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.

Get Started with Kendo UI for jQuery

overview kendoka bottom