outsystemsoutsystems
29

Outsystems UI Kit

screenshot of Outsystems UI Kit

Github

Overview

The OutSystems UI Kit is a robust collection crafted to enhance your web design experience. Designed by OutSystems, it provides a comprehensive set of styles, UI patterns, widgets, and layouts created in Sketch. Whether you are a seasoned designer or just starting out, this kit serves as an invaluable resource, allowing you to streamline your design workflow while maintaining ample creative freedom.

With its user-friendly components and customizable features, the OutSystems UI Kit empowers you to create responsive web applications effortlessly. The kit is particularly beneficial for individuals with basic design skills, making it easy to launch your projects without a steep learning curve.

Features

  • Comprehensive Styles: Offers granular elements like Text Styles, Color Palettes, and Shadow Levels that allow for easy customization across your project.

  • UI Patterns and Widgets: Includes a variety of responsive components specifically supported by OutSystems, designed for seamless integration into your web applications.

  • Versatile Layouts: Contains a selection of standard responsive screen sizes to quickly populate and start designing your user interfaces.

  • Reusable Symbols: Comes with a native Sketch page containing symbols that streamline your document workflow by allowing reuse across various pages.

  • User-Friendly Setup: Provides simple installation instructions and recommended Sketch plugins to enhance your design process, like accessibility checks and color palette generation.

  • Collaborative Improvement: The OutSystems UI team encourages user feedback and contributions, creating a community-focused atmosphere for continuous enhancement of the kit.

  • Live Style Guide: Features the ability to preview all variations of the UI components on the OutSystems UI website, aiding in consistent and informed design choices.