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

Sketch kit support updates #1650

Merged
merged 6 commits into from
Jul 27, 2023
Merged

Sketch kit support updates #1650

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
f3adeda
sketch kit page add notification
oliviaflory Jul 21, 2023
01591a3
update get started designing
oliviaflory Jul 24, 2023
f109ff3
index page fix install design kit
oliviaflory Jul 24, 2023
a9ca429
remove 'new' from sketch page
oliviaflory Jul 25, 2023
80b33ea
Merge branch 'main' into sketch-kit-support-updates
oliviaflory Jul 25, 2023
36fa749
Merge branch 'main' into sketch-kit-support-updates
kodiakhq[bot] Jul 27, 2023
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
23 changes: 11 additions & 12 deletions src/pages/designing/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ started designing web pages for IBM.com.
<AnchorLinks>

<AnchorLink>Overview</AnchorLink>
<AnchorLink>Install the design kits</AnchorLink>
<AnchorLink>Install the design kit</AnchorLink>
<AnchorLink>Learn about the foundations</AnchorLink>
<AnchorLink>Designing with Carbon for IBM.com</AnchorLink>
<AnchorLink>Watch our tutorials</AnchorLink>
Expand All @@ -29,13 +29,16 @@ Whether you're just getting started designing at IBM or you've been here a while

Carbon for IBM.com is just one part of the IBM ecosystem and you may have to go to different sites to find what you're looking for. We'll show you the way.

## Install the design kits
## Install the design kit

<Row>
<Column colLg={8} colMd={8} colSm={4}>

Carbon for IBM.com has two design kits—Sketch and Figma. By using the kits you
automatically get any updates made by the Carbon for IBM.com team so you don’t
_For IBMers only:_

IBMers should get a license for Figma, our primary design kit tool. You may also access Sketch, however, we no longer maintain or update the Sketch kit. We recommend you migrate to Figma to get the most updated assets we offer.

By using the kits you automatically get any updates made by the Carbon for IBM.com team so you don’t
need to go back and change any designs to match the latest release. And when
handing off to your developers there won’t be confusion about the component and
its behaviors.
Expand Down Expand Up @@ -63,17 +66,13 @@ IBMers can learn more about accessing design software in the

</Row>

#### Sketch kit
#### Figma kit

For previous users of the Expressive Sketch kit, please note that this is no
longer being maintained. We have a new [Sketch kit](designing/sketch-kit/) that includes color tokens,
and expressive and productive type styles, and some key Carbon for IBM.com
components. We are continuing to add more components and you will receive
notifications for any library updates within Sketch.
We provide a [Figma kit](designing/figma-kit) that includes assets for the White theme which is primarily used throughout the IBM.com experience. The kit includes color tokens, the expressive and productive type styles, and select components.

#### Figma kit
#### Sketch kit

We also have a [Figma kit](designing/figma-kit) available. The kit includes libraries for each of the themes (White, Gray 10, Gray 90, and Gray 100) and includes color tokens and expressive and productive type styles. It also includes some preliminary components and we are building out more Carbon for IBM.com components each week.
We have a [Sketch kit](designing/sketch-kit/) that includes color tokens, and expressive and productive type styles, and some key Carbon for IBM.com components. _We are no longer maintaining the Sketch kit and recommend teams migrate to Figma._

## Learn about the foundations

Expand Down
6 changes: 6 additions & 0 deletions src/pages/designing/sketch-kit.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,12 @@ description:
With the Carbon for IBM.com Sketch resources, you have everything you need to
get started designing web pages for IBM.com.

<InlineNotification>

**We no longer maintain or update Sketch libraries.** The instructions and resources listed below may be outdated. We recommend you migrate to Figma to get the most updated kits we offer.

</InlineNotification>

</PageDescription>

<AnchorLinks>
Expand Down