You should be very comfortable using Sketch. If you are a new designer, download the latest version of Sketch using the Self Service app installed on your mac. If Sketch isn’t available there, talk to your manager.
The Cedar UI Toolkit is distributed using Google Drive. This allows you to pull updates as they’re made available. Download Google Drive for your Mac. Choose the Personal version.
Install the font using Self Service on your Mac.
Install the font using Google Fonts.
Sketch Libraries enable us to sync and share system features across the team using Sketch Symbols. To install the Cedar Library:
Abstract is another way that the UI Toolkit is distributed to your project. If you’re interested in learning more about Abstract or would like a demo, talk to your manager.
Learn more about Abstract
Make it a fun process to create specs for developers and teammates.
Download from Github
Manage and sync your Sketch plugins across machines and teams.
Download from Sketchpacks
Change your large (shift+arrow) nudge from 10 to 8 to easily align with spacing system.
Download from Nudg.it
The Cedar team suggests using Sketch Measure to label and shade Cedar components when redlining final designs. An advantage of working with the REI UI Toolkit is the name of the component symbols closely align to the names used in development. This provides a common language among the two teams and allows for smoother, more efficient handoffs.
Example of UI annotated to show what is a Cedar component as well as spacing variables:
One of the best ways to influence the visual language of the co-op’s digital products is by contributing to the design system. There are many ways to contribute: UX research, UI design, authoring, and editing, to name a few. If you’re interested in contributing talk to your manager.
System releases are communicated through both #cedar-design-system and #cedar-design.
Depending on your Google Drive settings, you will either see a notification in Sketch immediately or have to manually initiate a sync to see the notification. Clicking on the update in Sketch will reveal what component designs have been updated.
Sorry about that. Please fill out and submit a Bug Report Form and the Cedar team will get it in our backlog.
Great! Your feedback is appreciated. If your addition is unique, you can submit a request to the Cedar team backlog.
Updating Sketch is easy to do and ensures compatibility with the UI Toolkit. When prompted to update, simply install Sketch again using Self Service.
By not updating when the library does, you run the risk of the Sketch Library not loading. This has occurred with major Sketch releases (50.0) in the past. Minor releases (50.2) are less troublesome and have had minimal impact on the library updates.
It’s possible to overwrite the shared Sketch library source file—breaking what’s real for all other users. Follow the Sketch Library steps closely and refrain from opening the source file housed on the Design System team’s Google Drive.
No. Once you finish the installation process above, the Cedar UI Toolkit library will be available in Sketch’s Symbols menu for any file you open.