New Feature: Figma-to-HTML Conversion (Design to Code)

Now you can automate your design-to-development workflow by generating usable HTML from Figma designs with ThemeBuilder. The new ThemeBuilder Figma plugin has a clever way of turning design into usable code: first, it recognizes and lists all Figma components, then you connect them to your code and get friendly HTML that reuses your existing components.

See the ThemeBuilder Exporting Figma components to HTML documentation

ThemeBuilder: Support for Telerik and Kendo UI Building Blocks

With the latest ThemeBuilder update, you can use all of ThemeBuilder’s powerful UI styling capabilities to customize the appearance of the Telerik and Kendo UI Building Blocks. The Building Blocks are a collection of over 60 pre-designed, fully responsive, and customizable UI elements built using the Telerik and Kendo UI components for Angular, React, and Blazor.

Explore the Telerik and Kendo UI Building Blocks

ThemeBuilder: UX Update of the Figma Plugin

We’ve now updated the Figma Plugin to include a Dev Mode. With this update, you’ll also see an improved UI & UX and enjoy just a single log-in per session. The new interface streamlines the selection of various operations from a single location. 

Custom HTML Styling Now Supported

Now you can unify all styling and customization work within a single powerful tool, ThemeBuilder, and save even more time! Starting with this release, you can use ThemeBuilder to style any custom HTML to achieve consistent styling across your entire web UI. Mix and match Telerik and Kendo UI components with your internal components, adding them all to ThemeBuilder to style and reuse with ease.  

See the ThemeBuilder Custom HTML Code Editor documentation

Import Existing CSS Files

Transition existing styles to your new workflow with the ThemeBuilder CSS import feature. Pick up where you left off and continue editing your CSS styles in ThemeBuilder with this new import functionality. With built-in validation to filter out insecure elements.

See the ThemeBuilder CSS File Import documentation

Version History

You can now save multiple versions of the same project and reload them dynamically. Every version can have a unique name and date, allowing you to differentiate multiple releases and revert to a previous version if necessary.

See the ThemeBuilder Version History documentation

More ThemeBuilder Features and Enhancements

• Support for previous Kendo UI Theme versions
• Updated “Create new project” screen
• Expanded Advanced Edit templates
• Security improvements