Welcome to Unite UX Sketch!

Progress^® Unite UX^® Sketch is a tool for designers where they can add and elaborate on the design of a web application, export their work, and automatically integrate it with the code behind.

Building Blocks

• Welcome to Unite UX Sketch!
  • Building Blocks
  • Plugin
  • Component Library
  • Component Instances
  • Layout Templates
  • Next Steps
  • Suggested Links

Plugin

The Unite UX Sketch plugin provides a set of options—for example, adding extra metadata for describing web behavior in static design, linking the design to custom components, and customizing themes of Kendo UI components.

To install the Unite UX Sketch plugin, double-click the unite-ux.sketchplugin file or drag it into the opened Sketch application.

The Sketch plugin provides the following functionality and features:

• Switching between different color libraries
• Associating master symbols with Unite UX Sketch studio components
• Exporting designs in the MetaBridge metadata format to Unite UX Studio

Component Library

The Unite UX Sketch Kendo UI library is a standard Sketch library which contains all available Sketch symbols for the Kendo UI for Angular and KendoReact components.

Each symbol represents a different state of the components. After you add the Kendo-Library.sketch file as a Sketch library, you can drag and drop the Kendo UI component symbols by using the Sketch Insert menu.

To avoid breaking the relation with the library, avoid copy-pasting the master symbols directly from the Kendo-Library.sketch file.

Component Instances

All Unite UX Sketch component instances are library instance symbols which can be copied and pasted in documents without losing the reference to the library itself. The component instances are located in the Unite UX.sketch file (Component Instances page).

Layout Templates

All Unite UX Sketch layout templates are layout templates which can be used as a starting point for building responsive web design. The layout templates are located in the Unite UX.sketch file.

Next Steps

• Install Unite UX Sketch plugin and library
• Switch between different color libraries and switch themes
• Associate master symbols with Unite UX Sketch components
• Export designs to Unite UX Studio

Suggested Links

• Component Specifics in Unite UX Sketch
• Data Import from Unite UX Studio
• Getting Started with Unite UX Studio