Skip to content

Commit

Permalink
kit(figma): updated guidance (#2659)
Browse files Browse the repository at this point in the history
  • Loading branch information
aagonzales authored Dec 6, 2021
1 parent fa72372 commit 22d5cd5
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 6 deletions.
33 changes: 27 additions & 6 deletions src/pages/designing/kits/figma.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,12 +40,31 @@ libraries.

#### 2. Turn on the theme libraries

Inside of a design file, navigate to the **Asset** panel on the left and click
on the **Team library** icon in the upper right of the panel. Find the team
called `[NEW] IBM Design Systems` and switch the toggle beside
`White theme - Carbon Design System` to on.
Inside of a design file, navigate to the **Main menu** panel in the top left of
the toolbar (A). Open the menu and select **Libraries** from the list (B).

To view the actual library, visit this [view-only link](https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System?node-id=456%3A14680).
<Row>
<Column colLg={8}>

![figma instructions part 1](images/kit-figma-1.png)

</Column>
</Row>

Then in the Libraries modal that appears, find the team called
`[NEW] IBM Design Systems` (C) and switch the toggle beside
`White theme - Carbon Design System` to on (D).

<Row>
<Column colLg={8}>

![figma instructions part 2](images/kit-figma-2.png)

</Column>
</Row>

To preview the library, visit this
[view-only link](https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System?node-id=456%3A14680).

#### 3. Turn on the other IBM Design Language libraries 

Expand Down Expand Up @@ -99,4 +118,6 @@ To learn more about applying text styles in Figma, see the

## Feedback

Help us improve this component by providing feedback, asking questions, and leaving any other comments on [GitHub](https://github.com/carbon-design-system/carbon-design-kit/issues).
Help us improve this component by providing feedback, asking questions, and
leaving any other comments on
[GitHub](https://github.com/carbon-design-system/carbon-design-kit/issues).
Binary file added src/pages/designing/kits/images/kit-figma-1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/pages/designing/kits/images/kit-figma-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

1 comment on commit 22d5cd5

@vercel
Copy link

@vercel vercel bot commented on 22d5cd5 Dec 6, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.