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.

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

kit(figma): updated guidance #2659

Merged
merged 1 commit into from
Dec 6, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
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).
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.