Meta UI (Sketch Library)

An open source Sketch design library for Meta front-end framework.
universe.engineering

Request feature  ·  Explore  ·  Report bug  ·  Medium  ·  npm  ·  Slack

 · 

Go to Meta

Table of contents

• What's included
• Getting started

What's included

Within the Sketch file you'll find the following. You'll see something like this:

🖌 Styles
⚛️ Components
🔄 Symbols
👁️ Library Preview

Getting started

Meta UI is an open source Sketch Shared Library for Meta Framework. Meta UI includes a Style Guide and Symbol resources for rapid prototyping in Sketch.

The library allows developers to quickly access Meta styles, colors, type, components, and more, within Sketch itself. Once installed, the Meta UI library syncs directly to Sketch Cloud. Users simply subscribe to Meta UI and Sketch will notify them of updates. No need to worry about version updates, etc.

To subscribe to Meta UI Sketch Shared Library

1. Sketch Shared Libraries require you to have Sketch installed on your Mac.
2. Once Sketch is installed, click Meta UI Sketch Shared Library which will take you to Meta UI in Sketch Cloud.
3. Next, click the ”Add Library to Sketch” button in the bottom right corner.
4. A modal window will pop up.
5. Click ”Add Library to Sketch.”
6. Meta UI is now syncing to your Sketch app.

To view Meta UI Style Guide and Symbols

1. Open Sketch App > Preferences > Libraries > Meta UI
2. Click the "eye" icon. This will open a preview.
3. Then click "Open with Sketch" in the top right corner of the preview window.