DevExpress Blazor UI Kit on Figma

• Jun 16, 2025
• 2 minutes to read

We published a UI Kit on Figma so that developers can collaborate with application designers before active application development. DevExpress Blazor UI Kit include ready-to-use components that replicate the look and feel of runtime controls. Different design files conform to different available visual themes and contain additional design elements (such as icons). Note that the UI Kit may slightly differ from the actual product.

Review and download DevExpress Blazor UI Kit from the DevExpress Community Page on Figma.

Note

You need a Figma account to view UI Kit files.

Advantages of UI Kit Usage

Application prototypes built in Figma with the help of DevExpress Blazor UI Kit offer a number of advantages:

• Promote efficient communication between design and development teams to ensure that design requirements can be implemented.
• Build prototypes and check concepts before the application development stage.
• Reduce development costs through fewer design-related changes.

What’s Included

The DevExpress community page on Figma contains design files. In these files, you can find Figma components that replicate DevExpress Blazor components. Each file contains the following components:

AI Integration AI Chat Data Visualization Bar Gauge Chart (Line, Area, and Bar Series) Scheduling Scheduler Data Management Filter Builder File Viewers & Editors HTML Editor Rich Text Editor

Dialogs and Windows DropDown Flyout Message Box Popup Toast Window Utility Controls Button Drop-Down Button Split Button Button Group Loading Panel Pager Progress Bar Wait Indicator

File Management Upload Navigation Accordion Context Menu Menu Ribbon (CTP) Toolbar TreeView Layout Carousel Drawer Form Layout Splitter Tabs

Data Editors Calendar CheckBox Color Palette ComboBox Date Edit DropDown Box List Box Masked Input Memo Radio Spin Edit TagBox Text Box Time Edit

The Icon Library file stores icons used within components. Refer to the following topic for more information on how to incorporate these icons into your application: Blazor & XAF Icon Library.

Your Feedback Matters

We would like to know what you think about the usability of our Figma design artifacts. If you have any suggestions, please create a new ticket in the DevExpress Support Center and share your feedback.