Hi Kendo team,
I'm exploring ways to convert Figma component designs directly into code. Has your component been convertable and what tools or methods would you recommend? I'm particularly interested in solutions that support React or other modern frameworks.
1 Answer, 1 is accepted
Hello Vignesh,
My name is Nick Iliev, and I represent the ThemeBuilder team.
We don't offer automated tooling that will allow you to recreate custom components fully in code. However, the ThemeBuilder application integrates with Figma, where you can export your Figma styles and variables from Figma to ThemeBuilder. Then you can use the imported variables and map them to the exposed Kendo and custom variable - and, as a result, generate CSS and SCSS files that are compatible with the Kendo/Telerik UI components (for example, with the Kendo UI for React components).
You can use the link below to learn more about ThemeBuilder, its Figma plugin, and the Kendo UI for React.
https://docs.telerik.com/themebuilder/introduction
https://docs.telerik.com/themebuilder/plugin/overview
https://www.telerik.com/kendo-react-ui
https://www.telerik.com/kendo-react-ui/components/introduction
Regards,
Nick Iliev
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.