From d161223b949188c10948b72fb900051af02446ae Mon Sep 17 00:00:00 2001 From: aagonzales Date: Fri, 22 Oct 2021 13:19:59 -0500 Subject: [PATCH] docs[designing]: added freehand resource --- .../designing/design-resources/index.mdx | 37 ++++++++++++++----- 1 file changed, 28 insertions(+), 9 deletions(-) diff --git a/src/pages/designing/design-resources/index.mdx b/src/pages/designing/design-resources/index.mdx index 7e4bafe9168..eabaaa862d1 100755 --- a/src/pages/designing/design-resources/index.mdx +++ b/src/pages/designing/design-resources/index.mdx @@ -14,13 +14,14 @@ templates, color palettes, GitHub repos, and design tools. Introduction - Data visualization Sketch file + Data visualization Elements Extensions Fonts - Gatsby theme resources + Gatsby theme GitHub repos - Mobile Sketch resources + Native mobile + Prototyping tools @@ -33,7 +34,7 @@ To use the Sketch libraries you'll find here, you need the **most recent version** of [Sketch](https://www.sketch.com/) installed. If you’re new to the design kit, visit the [Design kits](/designing/kits/sketch) page. -## Data visualization Sketch file +## Data visualization The Data visualization Sketch file includes basic and complex chart assets, along with usage guidance, theming guidance, palettes, and sample layouts. @@ -145,7 +146,7 @@ Carbon uses the open-source typeface [IBM Plex](https://github.com/ibm/plex) – carefully designed to meet IBM's needs as a global technology company and reflect IBM's spirit, beliefs, and design principles. -## Gatsby theme resources +## Gatsby theme The Gatsby Sketch kit has all the components, patterns, and sample layouts that have been developed by teams within the IBM ecosystem. The Gatsby theme site @@ -218,11 +219,11 @@ to help designers with every aspect of image creation and component specs. -## Mobile Sketch resources +## Native mobile -These Carbon mobile Sketch resources include everything you need to get your iOS -or Android project underway. Install the grid template, be inspired by the -patterns and examples, and get started with either the Light or Dark theme. +These Carbon native mobile Sketch resources include everything you need to get +your iOS or Android project underway. Install the grid template, be inspired by +the patterns and examples, and get started with either the Light or Dark theme. @@ -260,4 +261,22 @@ patterns and examples, and get started with either the Light or Dark theme. +## Prototyping tools + +### Invision Freehand kit + +A Carbon wireframe kit for Invision Freehand is available for teams to create +low fidelity wireframes. This kit is maintained by the Cloud PAL community. + +#### How to access the kit: + +1. Log into [Invision Freehand](https://ibm.invisionapp.com/freehand/) and + create a new freehand. +2. Next, select `Wireframes and flowcharts` from the template window. +3. Select `Wireframe - carbon components` by Kamil Zal. + +For more instructions go to +[IBM Cloud PAL](https://pages.github.ibm.com/ibmcloud/pal/resources/resources/#invision-freehand-kit) +_IBMers only_. +