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

docs(kit): update info about v11 Figma release #3067

Merged
merged 5 commits into from
Aug 5, 2022
Merged

docs(kit): update info about v11 Figma release #3067

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
6a4a547
docs(kit): update info about v11 figma release
aagonzales Aug 1, 2022
f68da6e
Merge branch 'main' into figma-v11-updates
aagonzales Aug 2, 2022
b8ac1ec
cleaned up formatting
aagonzales Aug 2, 2022
4898f60
Apply suggestions from code review
aagonzales Aug 3, 2022
dd3c170
Merge branch 'main' into figma-v11-updates
kodiakhq[bot] Aug 5, 2022
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
16 changes: 8 additions & 8 deletions src/pages/designing/get-started.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,14 +38,14 @@ as ensuring consistency between design assets and code.
Head on over to the [Design kits](/designing/kits/sketch) section and follow the
install instructions to get set up.

| Design tool | Carbon version | Status | Maintainer |
| ------------ | ----------------------------------------------------------------- | ------------------------------------------ | ------------------- |
| **Figma** | [v11](https://carbondesignsystem.com/designing/kits/figma) | Available—v11 Beta White theme*(priority)* | Carbon Figma Guild |
| | [v10](https://v10.carbondesignsystem.com/designing/kits/figma) | Available _(limited support)_ | Carbon Figma Guild |
| **Sketch** | [v11](https://carbondesignsystem.com/designing/kits/sketch) | Available | Carbon Sketch Guild |
| | [v10](https://v10.carbondesignsystem.com/designing/kits/sketch) | Available _(limited support)_ | Carbon core team |
| **Adobe XD** | [v11](https://carbondesignsystem.com/designing/kits/adobe-xd) | Available | Carbon core team |
| | [v10](https://v10.carbondesignsystem.com/designing/kits/adobe-xd) | Available _(limited support)_ | Carbon core team |
| Design tool | Carbon version | Status | Maintainer |
| ------------ | ----------------------------------------------------------------- | ------------------------------- | ------------------- |
| **Figma** | [v11](https://carbondesignsystem.com/designing/kits/figma) | Beta available – \_IBMers only) | Carbon Figma Guild |
| | [v10](https://v10.carbondesignsystem.com/designing/kits/figma) | Available – _limited supportt_ | Carbon Figma Guild |
| **Sketch** | [v11](https://carbondesignsystem.com/designing/kits/sketch) | Available | Carbon Sketch Guild |
| | [v10](https://v10.carbondesignsystem.com/designing/kits/sketch) | Available – _limited support_ | Carbon core team |
| **Adobe XD** | [v11](https://carbondesignsystem.com/designing/kits/adobe-xd) | Available | Carbon core team |
| | [v10](https://v10.carbondesignsystem.com/designing/kits/adobe-xd) | Available – _limited support_ | Carbon core team |

### Additional design assets

Expand Down
50 changes: 30 additions & 20 deletions src/pages/designing/kits/figma.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,12 @@ contains all resources you need to get started.

<InlineNotification>

**v11 Beta White theme:** The v11 Beta White theme library is now available to
IBMers only. The other v11 theme libraries will be available in Figma at the end
of July 2022 and all libraries will be publicly available.
**V11 (Beta) themes now available!** All themes for the v11 libraries are now
available to IBMers internal users. The v11 libraries are marked as BETA as
we continue to optimize the libraries. In the coming weeks, some components may
receive breaking changes due to these enhancements. We will release the v11
libraries externally after stabilizing changes and enhancements (expected release
by the end of Q3 2022).

</InlineNotification>

Expand All @@ -40,16 +43,12 @@ You should be added to the IBM Figma organization automatically once you sign
in. You do not need to join or request to join any specific team to access the
libraries.

#### 2. Turn on the theme libraries
#### 2. Turn on the v11 theme libraries

There are four Carbon v10 theme libraries, two light (White and Gray 10) and two
There are four Carbon v11 theme libraries, two light (White and Gray 10) and two
dark (Gray 90 and Gray 100). Each theme lives in its own Figma library. You can
turn on as many libraries as you’d like.

If you are using Carbon v11, the `(v11 BETA) White Theme` library and
`v11 Text Styles` library are now available. The other v11 theme libraries will
be available in Figma at the end of July 2022.

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

Expand Down Expand Up @@ -105,14 +104,16 @@ visit these view-only links.

<br />

To preview the four Carbon v10 theme libraries, visit these view-only links.
To preview the four Carbon v11 theme libraries, visit the following view-only
links. To access the v10 Figma libraries, see
[v10 Design Kits](https://v10.carbondesignsystem.com/designing/kits/figma).

<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('P0OEN9TS', 0)}
subTitle="v10 White theme"
href="https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System"
subTitle="v11 White theme"
href="https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11-BETA)-White-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)
Expand All @@ -122,8 +123,8 @@ To preview the four Carbon v10 theme libraries, visit these view-only links.
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('T7D1HJ3L', 0)}
subTitle="v10 Gray 10 theme"
href="https://www.figma.com/file/i6y80WeotmhmbWxpmcffz7/Gray-10-Theme---Carbon-Design-System"
subTitle="v11 Gray 10 theme"
href="https://www.figma.com/file/0sd447WTcazDI6Dq9tjXOe/(v11-BETA)-Gray-10-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)
Expand All @@ -133,8 +134,8 @@ To preview the four Carbon v10 theme libraries, visit these view-only links.
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('LYFJTPDE', 0)}
subTitle="v10 Gray 90 theme"
href="https://www.figma.com/file/fCucrHE8tdGDVJX7ODqajd/Gray-90-Theme---Carbon-Design-System"
subTitle="v11 Gray 90 theme"
href="https://www.figma.com/file/fH8rkv1VUTw5pvFDvO1kPO/(v11-BETA)-Gray-90-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)
Expand All @@ -144,8 +145,8 @@ To preview the four Carbon v10 theme libraries, visit these view-only links.
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('3XH0SIBJ', 0)}
subTitle="v10 Gray 100 theme"
href="https://www.figma.com/file/TckQzGe3bNxHPLoRhbXFal/Gray-100-Theme---Carbon-Design-System"
subTitle="v11 Gray 100 theme"
href="https://www.figma.com/file/XhRIHF6qGiJQaJ5eOSSBRm/(v11-BETA)-Gray-100-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)
Expand Down Expand Up @@ -181,8 +182,8 @@ following libraries or visit these view-only links.
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('T7D1HJ3L', 0)}
subTitle="v10 Text styles"
href="https://www.figma.com/file/U4WVJl6j1jOT8eBkKNbhPf/(v10)-Text-Styles---IBM-Design-Language?node-id=129%3A2"
subTitle="v11 Text styles"
href="https://www.figma.com/file/rK06GY6bvEfokuzrFGdtWB/(v11)-Text-Styles---IBM-Design-Language?node-id=129%3A2"
actionIcon="launch">

![Figma icon](/images/figma.svg)
Expand Down Expand Up @@ -215,6 +216,15 @@ following libraries or visit these view-only links.

## External users

<InlineNotification>

**V10 only:** At the moment, external non-IBM users only have access to the v10
libraries. The v11 libraries will be published once they are stable and include
all optimizations and enhancements. Approximate delievery date is end of
Q3 2022.

</InlineNotification>

### Get the libraries

#### 1. Sign into Figma
Expand Down
10 changes: 5 additions & 5 deletions src/pages/migrating/guide/design.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,11 @@ accessibility, collaboration, and efficiency for users.

### Kit migration

| Design tool | V11 | Migration strategy |
| ------------------------------------ | ------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Figma](/designing/kits/figma) | v11 Beta White theme update available. Update of all themes at end of July 2022 | The v11 Figma update will be available as new libraries. Teams will need to swap out assets from v10 to v11 assets. The v10 Figma files will not receive a continuous update and will remain permanently on v10. |
| [Sketch](/designing/kits/sketch) | Update available | The same Sketch Cloud libraries that were used in v10 have been updated to include the v11 changes. Do not accept the library update until you are ready to work in v11. There are new [v10](https://v10.carbondesignsystem.com/designing/kits/sketch#get-the-kit) libraries available for teams that still need them. |
| [Adobe XD](/designing/kits/adobe-xd) | Partial update available | Some of the v11 changes have been made in the XD files. It is yet to be determined when all the other changes will be added. |
| Design tool | V11 | Migration strategy |
| ------------------------------------ | ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Figma](/designing/kits/figma) | Beta available – _IBMers only_ | The v11 Figma updates are available as new libraries. Teams need to swap out assets from v10 to v11 assets. The v10 Figma files will not receive a continuous update and will remain permanently on v10. Expected external release at then end of Q3 2022. |
| [Sketch](/designing/kits/sketch) | Update available | The same Sketch Cloud libraries that were used in v10 have been updated to include the v11 changes. Do not accept the library update until you are ready to work in v11. There are new [v10](https://v10.carbondesignsystem.com/designing/kits/sketch#get-the-kit) libraries available for teams that still need them. |
| [Adobe XD](/designing/kits/adobe-xd) | Partial update available | Some of the v11 changes have been made in the XD files. It is yet to be determined when all the other changes will be added. |

## Components

Expand Down