...
In September 2022, we introduced the Telerik component library. Our development teams received Telerik licenses, and we published the first draft of our (2.1) Telerik & KENDO UI Kit – Internal (2.1) Figma library for our UX designers to use. This space includes documentation for UX designers and product teams on the use of the Figma UI kit, theme customization and design system pattern guidelines.
Goals
More efficient UI design process – More time to focus on discovery, research and validation
More efficient development process – Eliminating the need to reinvent the wheel
Closer alignment between design and implementation
First step in helping our product teams meet our standards for responsive design and accessibility – Any user, any device, anywhere
Consistency across MAACE products
...
| Info |
|---|
Most recently updated June 10, 2024, to add library version 3.0. |
Available Figma Libraries
(3.0) Telerik & KENDO UI Kit – Internal (3.0)
Built off the Telerik & KENDO UI Kit for Bootstrap (3.0)
(2.1) Telerik & KENDO UI Kit – Internal (2.1)
Built off the Telerik & KENDO UI Kit for Bootstrap (2.1)
...
Telerik launched a new UI Kit for Figma as part of their 2024 Q2 release. The 3.0 version was updated to match the current state of the development component libraries and support the newest Figma features like variables. Please see below for a summary of the changes.
The UX Enablement team has applied our MAACE customizations to the new version and has published this library in our Figma account. Our recommendation is for new product teams to onboard to the most recent version. Existing teams can switch to the new library once they complete a milestone of their project. The aim is to have the fewest number of disruptions possible and reduce the need to rework existing design files.
What’s new in Telerik & KENDO UI Kit 3.0 for Bootstrap
...
To request changes to the Telerik UI kit, theme or components, or to report issues, please complete the MOLE Team Intake Form. Telerik requests or issues may be logged under the Advisory Guidance>UX Consultation/Research section.
...
| Info |
|---|
Most recently updatedJuly 13, 2023 October 29, 2024, using theme version R1 2023 Q2 2024 - 68.0.30. |
An internal theme that aligns with the (3.0) Telerik & KENDO UI Kit - Internal is available from the UX Design Repository. The MOLE team is responsible for keeping the Figma UI Kit styles and component themes in alignment.
Known Issues
| Note |
|---|
Older versions of components may not be compatible with the latest version of the theme. |
...
Phase 1 | Phase 2 | Backlog |
|---|---|---|
Establish internal UI kit base and first draft of processes | Incorporate design system pattern guidelines | |
Establish a base Figma UI kit for internal MAACE products | Begin documenting design system guidance and patterns for use | Build catalog of page templates for Workload Management |
Establish a method for product teams to track change requests and issues | ||
Create onboarding documentation | ||
Clean up and split kit for easier use and maintenance | ||
Test UI components in project files and solve immediate and blocking issues | ||
Develop a strategy for managing our custom themes between UX and development | ||
Customize internal theme | ||
Ongoing | ||
Review, discuss and prioritize change requests made by product teams | ||
(When change requests are prioritized) Design Figma components, build with MOLE development team and publish | ||
Iterate on process improvements based on feedback from product teams | ||
...
How do I ensure that my status feedback messages are accessible?
How do I show in-line validation on form fields in Figma?
Resources
Introduction to Telerik for UX (PowerPoint Presentation)