...
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
...
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)
...
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 updatedJune 11October 29, 2024, using theme version Q2 2024 - 8.0.0. |
An internal theme that aligns with the (3.0) Telerik & KENDO UI Kit - Internal (3.0) is available from the UX Design Repository.
...
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)