Resources
Below you can find a helpful list of resources to assist you on your journey of designing with Canvas.
Web Starter Kit Overview
This Figma Template Includes:
- Step by step instructions on how to create your own custom library
- Layout templates for desktop, tablet and responsive mobile
- Instruction on how to create your own components using Canvas tokens and existing Canvas components
Low-Fi Kits
Low-Fi Figma Template Includes:
The Low-Fi Kits bridge the gap between sketching and hi-fidelity designs, and give you time to explore and iterate before getting too engrossed in a polished ‘finished looking’ design. To access the Low-Fi kits, simply join the ‘UX Org’ team on Figma and activate ‘Low-fi Kits’ from your assets panel in Figma to start producing some low-fi designs straight away. Check out our video entry for more information. You can also go to the library file and copy and paste the assets manually to a new doc if you’d like to use everything.
Get the Low-Fi Figma Starter Kit
Simplified UI Kit
Simplified UI Figma Template Includes:
Simplified illustrative shapes respresenting key screen types within Workday. Useful for adding to Flows as an alternative to higher fidelity screens.
Get the Simplified Figma Starter Kit
Native Mobile Templates
This template was created and maintained by the Mobile UX Design Team. Check out their Google site for Mobile related projects.
Get the Native Mobile Templates
Native Mobile Starter Guide
This guide was created and maintained by the Mobile UX Design Team. This Figma links to best practices and guidelines on designing for Mobile Platforms.
Get the Native Mobile Starter Guide
Related Documentation
Create Custom Libraries
Creating Custom libraries to create and maintain Figma libraries of custom components and assets specific to your product.
Extended Systems
Learn more about Extended Systems - what they are and how to build your own.
Figma Plugins
Memsource
Memsource is an AI-powered Translation Management System (TMS) that helps streamline and centralize multilingual content creation. Bring design and localization closer together.
Get details on Memsource Figma Plugin.
Stark
The suite of integrated accessibility tools for your product design and development team • Making the world’s products accessible.
Can't Find What You Need?
Check out our FAQ section which may help you find the information you're looking for. For further information, contact the #ask-canvas-design or #ask-canvas-kitchannels on Slack.