#Figma ui kit upgrade

#Figma ui kit upgrade

To upgrade to newer versions of the UI kits while keeping your styles, download the free InstaRelinker tool that is available as a plugin in the Figma community. Once you achieve the desired look, you can publish the modified template as a library. To achieve the highest impact and to propagate your changes to multiple components and variants, customize the components on the _Base frames of the UI Components page. Also, the UI kits enable the scalability of the changes that you apply to the design. The Telerik and Kendo UI Kits for Figma are flexible and fully customizable to your vision and needs. _Change Log-A list with the changes in the UI kit._Styles-An informational page with all styles that are applied to the components, such as typography, colors, and effects.Icons-Contains all icons in the form of convenient components.Data Visualization-Contains visual equivalents of all charts supported by the Telerik and Kendo UI web component libraries.UI Components-Contains all components and their variants._Table of Contents-An index with hyperlinks that you can use to quickly navigate within the UI kits._Getting Started-Briefly explains what you need to know to start using the UI kits.To make them more intuitive to use, we added support for variants to some of the components, like the chip.Įach Telerik and Kendo UI Kit for Figma contains the following pages, most of which provide multiple frames that group similar design assets: The Telerik and Kendo UI kits for Figma utilize nested instances and base components to provide better manageability of the components. To download the Telerik and Kendo UI Kits for Figma, navigate to the desired kit and follow the instructions on duplicating a file from the Figma Community. You can quickly turn a template into a shared Figma library.You can be sure that the developers will be able to match the KendoReact UI components with your design requirements.The UI kits include all this information. You don't need to research the KendoReact components in advance: you don't need to know what components are available, how they are connected, what states they have.When you use the UI kits, you enjoy the following advantages: You can use them as a starting point for your own unique design system.You can customize the colors in a way that matches your brand guidelines.

You can use them as they are to create application designs.You are free to decide if or how much to customize the UI kits: All these elements enable the seamless handover of the design to the developers. The design files represent the KendoReact UI components in every possible state, their detailed anatomy, colors, metrics, and icons. These polished UI kits include pre-made, reusable design components that follow the atomic design principles.