Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

docs[designing]: added freehand resource #2591

Merged
merged 1 commit into from
Oct 22, 2021
Merged

docs[designing]: added freehand resource #2591

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 28 additions & 9 deletions src/pages/designing/design-resources/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,14 @@ templates, color palettes, GitHub repos, and design tools.

<AnchorLinks>
<AnchorLink>Introduction</AnchorLink>
<AnchorLink>Data visualization Sketch file</AnchorLink>
<AnchorLink>Data visualization</AnchorLink>
<AnchorLink>Elements</AnchorLink>
<AnchorLink>Extensions</AnchorLink>
<AnchorLink>Fonts</AnchorLink>
<AnchorLink>Gatsby theme resources</AnchorLink>
<AnchorLink>Gatsby theme</AnchorLink>
<AnchorLink>GitHub repos</AnchorLink>
<AnchorLink>Mobile Sketch resources</AnchorLink>
<AnchorLink>Native mobile</AnchorLink>
<AnchorLink>Prototyping tools</AnchorLink>

</AnchorLinks>

Expand All @@ -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.
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -218,11 +219,11 @@ to help designers with every aspect of image creation and component specs.
</Column>
</Row>

## 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.

<Row className="resource-card-group">

Expand Down Expand Up @@ -260,4 +261,22 @@ patterns and examples, and get started with either the Light or Dark theme.
</Column>
</Row>

## 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_.

<br />