Skip to content

Commit b2535a4

Browse files
laurenmricethyhmdoariellalgilmore
authored
docs: update figma file names across the website (#4653)
* update get started.mdx * update figma.mdx * update other resources.mdx * update icons usage.mdx * update pictogram usage.mdx * update * fix mdx * adjust figma getting started content * adjust other resources.mdx * Update src/pages/designing/design-resources/index.mdx Co-authored-by: thyhmdo <77697351+thyhmdo@users.noreply.github.com> * Update src/pages/designing/kits/figma.mdx Co-authored-by: thyhmdo <77697351+thyhmdo@users.noreply.github.com> * update get started links * update links in figma.mdx * update links design-resources.mdx * update elements links * update * update * update data table grid images * Merge branch 'update-figma-file-names' of https://github.com/laurenmrice/carbon-website into update-figma-file-names * Revert "update data table grid images" This reverts commit af4ceed. * Revert "update data table grid images" This reverts commit af4ceed. * Update src/pages/designing/kits/figma.mdx Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com> * fix(format): update --------- Co-authored-by: thyhmdo <77697351+thyhmdo@users.noreply.github.com> Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com>
1 parent 33140aa commit b2535a4

File tree

10 files changed

+99
-134
lines changed

10 files changed

+99
-134
lines changed

‎src/pages/designing/design-resources/index.mdx‎

Lines changed: 30 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ templates, color palettes, GitHub repos, and design tools.
1818
<AnchorLink>Fonts</AnchorLink>
1919
<AnchorLink>Data visualization</AnchorLink>
2020
<AnchorLink>Gatsby theme</AnchorLink>
21-
<AnchorLink>GitHub repos</AnchorLink>
21+
<AnchorLink>GitHub repo</AnchorLink>
2222
<AnchorLink>Native mobile</AnchorLink>
2323
<AnchorLink>Accessibility</AnchorLink>
2424
<AnchorLink>Prototyping tools</AnchorLink>
@@ -34,42 +34,42 @@ explore the
3434
[design kit catalog](https://next.carbondesignsystem.com/design-kits).
3535

3636
To use the Figma libraries you'll find here, you need a Figma license. IBMers
37-
can follow instructions in the
38-
[Design Toolbox](https://w3.ibm.com/design/toolbox/?_ga=2.66930222.1444443535.1682545160-2098201107.1682093352#/ui-design-tools/figma/README)
39-
to get a license. To get started with Figma, visit the
37+
can follow instructions on the
38+
[w3 Apps Software Licenses](https://ibmtest.service-now.com/slm?id=toolbox_ibm&sys_id=f850fa5f4758dd10d9607351e36d43b8)
39+
page to get a license. To get started with Figma, visit the
4040
[Design kits](/designing/kits/figma) page.
4141

4242
## Elements
4343

4444
<Row className="resource-card-group">
4545
<Column colLg={4} colMd={4} noGutterSm>
4646
<ResourceCard
47-
subTitle="IBM Icons"
48-
href="https://www.figma.com/file/J5c0d85dSJn9JnBhSYYLmD/Icons---IBM-Design-Language?node-id=129%3A2"
47+
subTitle="(v11) Carbon Type Sets"
48+
href="https://www.figma.com/design/rK06GY6bvEfokuzrFGdtWB/-v11--Carbon-Type-Sets-%E2%80%93-Carbon-Design-System?m=auto"
4949
actionIcon="launch">
5050
<MdxIcon name="figma" />
5151
</ResourceCard>
5252
</Column>
5353
<Column colLg={4} colMd={4} noGutterSm>
5454
<ResourceCard
55-
subTitle="IBM Pictograms"
56-
href="https://www.figma.com/file/PkUl9UBuvA41GPpyl84NBc/Pictograms---IBM-Design-Language"
55+
subTitle="IBM® Color Library"
56+
href="https://www.figma.com/design/Gvwx2RnAZzDKTjVuC5xOlO/IBM%C2%AE-Color-Library?m=auto"
5757
actionIcon="launch">
5858
<MdxIcon name="figma" />
5959
</ResourceCard>
6060
</Column>
6161
<Column colLg={4} colMd={4} noGutterSm>
6262
<ResourceCard
63-
subTitle="IBM Design Language Color Palette"
64-
href="https://www.figma.com/file/Gvwx2RnAZzDKTjVuC5xOlO/Color-Styles---IBM-Design-Language?node-id=129%3A2"
63+
subTitle="IBM® UI Icon Library"
64+
href="https://www.figma.com/design/J5c0d85dSJn9JnBhSYYLmD/IBM%C2%AE-UI-Icon-Library?m=auto"
6565
actionIcon="launch">
6666
<MdxIcon name="figma" />
6767
</ResourceCard>
6868
</Column>
6969
<Column colLg={4} colMd={4} noGutterSm>
7070
<ResourceCard
71-
subTitle="Carbon v11 Text Styles"
72-
href="https://www.figma.com/file/rK06GY6bvEfokuzrFGdtWB/(v11)-Text-Styles---IBM-Design-Language?node-id=129%3A2"
71+
subTitle="IBM® Pictogram Library"
72+
href="https://www.figma.com/design/PkUl9UBuvA41GPpyl84NBc/IBM%C2%AE-Pictogram-Library?m=auto"
7373
actionIcon="launch">
7474
<MdxIcon name="figma" />
7575
</ResourceCard>
@@ -104,15 +104,15 @@ reflect IBM's spirit, beliefs, and design principles.
104104

105105
## Data visualization
106106

107-
The Carbon Charts library includes basic and complex chart assets, along with
108-
usage guidance, theming guidance, palettes, and sample layouts.
107+
The Carbon Charts Library Kit includes basic and complex chart assets, along
108+
with usage guidance, theming guidance, palettes, and sample layouts.
109109

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

112112
<Column colLg={4} colMd={4} noGutterSm>
113113
<ResourceCard
114-
subTitle="Carbon Charts library"
115-
href="https://www.figma.com/file/tOT3OKhwLm7xObQPy3pHtc/(Alpha)-Carbon-Charts-Library?type=design&node-id=2511-2877&mode=design&t=6DRCuLLwambWGN5P-0"
114+
subTitle="(Alpha) Carbon Charts Library Kit"
115+
href="https://www.figma.com/design/tOT3OKhwLm7xObQPy3pHtc/-Alpha--Carbon-Charts-Library-Kit-%E2%80%93-Carbon-Design-System?m=auto"
116116
actionIcon="launch">
117117
<MdxIcon name="figma" />
118118
</ResourceCard>
@@ -121,7 +121,7 @@ usage guidance, theming guidance, palettes, and sample layouts.
121121

122122
## Gatsby theme
123123

124-
The Gatsby Figma kit has all the components, patterns, and sample layouts that
124+
The Gatsby Design Kit has all the components, patterns, and sample layouts that
125125
have been developed by teams within the IBM ecosystem. The Gatsby theme site
126126
includes the components, guidelines, and everything you need to create and
127127
contribute to Carbon sites.
@@ -138,7 +138,7 @@ to help designers with every aspect of image creation and component specs.
138138

139139
<Column colLg={4} colMd={4} noGutterSm>
140140
<ResourceCard
141-
subTitle="Gatsby theme kit"
141+
subTitle="Gatsby Design Kit"
142142
href="https://www.figma.com/file/9arERt9v8YZVMDn7AYdmZt/Gatsby-Design-Kit"
143143
actionIcon="launch">
144144
<MdxIcon name="figma" />
@@ -158,7 +158,7 @@ to help designers with every aspect of image creation and component specs.
158158

159159
<Column colLg={4} colMd={4} noGutterSm>
160160
<ResourceCard
161-
subTitle="Image production guideline kit"
161+
subTitle="Image Production Guidelines"
162162
href="https://www.figma.com/file/XQqHxu38CiY3Vx1iHdafIa/Image-production-guidelines?t=1KJWmXlChFC7BoKT-6"
163163
actionIcon="launch">
164164
<MdxIcon name="figma" />
@@ -167,7 +167,7 @@ to help designers with every aspect of image creation and component specs.
167167

168168
</Row>
169169

170-
## GitHub repos
170+
## GitHub repo
171171

172172
<Row className="resource-card-group">
173173
<Column colLg={4} colMd={4} noGutterSm>
@@ -176,16 +176,6 @@ to help designers with every aspect of image creation and component specs.
176176
href="https://github.com/carbon-design-system/carbon-design-kit"
177177
>
178178

179-
<MdxIcon name="github" />
180-
181-
</ResourceCard>
182-
</Column>
183-
<Column colLg={4} colMd={4} noGutterSm>
184-
<ResourceCard
185-
subTitle="IBM Design Language and Icon Kits"
186-
href="https://github.com/IBM/design-kit"
187-
>
188-
189179
<MdxIcon name="github" />
190180

191181
</ResourceCard>
@@ -194,15 +184,15 @@ to help designers with every aspect of image creation and component specs.
194184

195185
## Native mobile
196186

197-
The native mobile kits include everything you need to get your iOS or Android
187+
The native mobile kit includes everything you need to get your iOS or Android
198188
project underway.
199189

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

202192
<Column colLg={4} colMd={4} noGutterSm>
203193
<ResourceCard
204-
subTitle="(Beta) Carbon Native"
205-
href="https://www.figma.com/file/O3KSDu2TWpMaazGkgsKqLA/(Beta)-Carbon-Native---Carbon-Design-System?type=design&node-id=58%3A2763&mode=design&t=tXtq2rcaczpgvPSa-1"
194+
subTitle="(Beta) Carbon Native Mobile"
195+
href="https://www.figma.com/design/O3KSDu2TWpMaazGkgsKqLA/-Beta--Carbon-Native-Mobile-%E2%80%93-Carbon-Design-System?m=auto"
206196
actionIcon="launch">
207197
<MdxIcon name="figma" />
208198
</ResourceCard>
@@ -211,15 +201,15 @@ project underway.
211201

212202
## Accessibility
213203

214-
The IBM Accessibility kit includes checklists, bite-sized guidance, and handoff
215-
assets to make sure your designs are accessible for implementation.
204+
The IBM Accessibility Design Kit includes checklists, bite-sized guidance, and
205+
handoff assets to make sure your designs are accessible for implementation.
216206

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

219209
<Column colLg={4} colMd={4} noGutterSm>
220210
<ResourceCard
221-
subTitle="IBM Accessibility kit"
222-
href="https://www.figma.com/file/zJlvN4TRbslRtyjFuxIDom/IBM-Accessibility-Design-Kit?node-id=0%3A1"
211+
subTitle="IBM® Accessibility Design Kit"
212+
href="https://www.figma.com/design/zJlvN4TRbslRtyjFuxIDom/IBM%C2%AE-Accessibility-Design-Kit?node-id=0"
223213
actionIcon="launch">
224214

225215
![Figma icon](./images/figma.svg)
@@ -238,7 +228,7 @@ assets to make sure your designs are accessible for implementation.
238228

239229
## Prototyping tools
240230

241-
### Carbon Mid-Fidelity kit
231+
### Carbon Mid-Fidelity Kit
242232

243233
This kit provides designers with a way to visualize concepts and test them out
244234
before committing to high-fidelity designs.
@@ -247,8 +237,8 @@ before committing to high-fidelity designs.
247237

248238
<Column colLg={4} colMd={4} noGutterSm>
249239
<ResourceCard
250-
subTitle="Carbon Mid-Fidelity kit"
251-
href="https://www.figma.com/file/R7HjxsLFktFKMzfLzXUgSd/(Beta)-Mid-Fidelity---Carbon-Design-System?type=design&node-id=58-2763&mode=design&t=DPUHXK0kaDhzVr0G-0"
240+
subTitle="(Beta) Carbon Mid-Fidelity Kit"
241+
href="https://www.figma.com/design/R7HjxsLFktFKMzfLzXUgSd/-Beta--Mid-Fidelity-%E2%80%93-Carbon-Design-System?m=auto"
252242
actionIcon="launch">
253243
<MdxIcon name="figma" />
254244
</ResourceCard>

‎src/pages/designing/get-started.mdx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -79,17 +79,17 @@ starting point for building user interfaces. This brings consistency and speed,
7979
allowing teams to focus on solving more specific user tasks. Core design kits
8080
include elements, core components, wireframes, and guidelines.
8181

82-
| Maintainer | Design kit | Type |
83-
| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
84-
| IBM Brand | [IBM Pictograms](https://www.figma.com/community/file/1089047716352012639/Pictograms---IBM-Design-Language) | `Elements` |
85-
| | [IBM Icons](https://www.figma.com/community/file/1089055340263947620/Icons---IBM-Design-Language) | `Elements` |
86-
| | [v11 Text styles](<https://www.figma.com/community/file/1127113732861637625/(v11)-Text-Styles---IBM-Design-Language>) | `Elements` |
87-
| | [IBM Color palette](https://www.figma.com/community/file/1089055766693968230/Color-Styles---IBM-Design-Language) | `Elements` |
88-
| Carbon Core | [v11 All themes](<https://www.figma.com/community/file/1157761560874207208/(v11)-White-Theme---Carbon-Design-System>) | `UI` |
89-
| | [v11 Gray 10 theme [Deprecated]](<https://www.figma.com/community/file/1157763433354586090/(v11)-Gray-10-Theme---Carbon-Design-System>) | `UI` |
90-
| | [v11 Gray 90 theme [Deprecated]](<https://www.figma.com/community/file/1157763622355802091/(v11)-Gray-90-Theme---Carbon-Design-System>) | `UI` |
91-
| | [v11 Gray 100 theme [Deprecated]](<https://www.figma.com/community/file/1157763881353486317/(v11)-Gray-100-Theme---Carbon-Design-System>) | `UI` |
92-
| Accessibility | [Accessibility toolkit](https://www.figma.com/community/file/1118184491812988116/IBM-Accessibility-Design-Kit) | `Guidelines` |
82+
| Maintainer | Design kit | Type |
83+
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ |
84+
| IBM Brand | [IBM® Pictogram Library](https://www.figma.com/design/PkUl9UBuvA41GPpyl84NBc/IBM%C2%AE-Pictogram-Library?m=auto) | `Elements` |
85+
| | [IBM® UI Icon Library](https://www.figma.com/design/J5c0d85dSJn9JnBhSYYLmD/IBM%C2%AE-UI-Icon-Library?m=auto) | `Elements` |
86+
| | [IBM® Color Library](https://www.figma.com/design/Gvwx2RnAZzDKTjVuC5xOlO/IBM%C2%AE-Color-Library?m=auto) | `Elements` |
87+
| | [(v11) Carbon Type Sets](https://www.figma.com/design/rK06GY6bvEfokuzrFGdtWB/-v11--Carbon-Type-Sets-%E2%80%93-Carbon-Design-System?m=auto) | `Elements` |
88+
| Carbon Core | [(v11) Carbon Design System](https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/-v11--Carbon-Design-System?m=auto) | `UI` |
89+
| | [[v11 Deprecated] Gray 10 Theme](https://www.figma.com/design/0sd447WTcazDI6Dq9tjXOe/-v11-Deprecated--Gray-10-Theme-%E2%80%93-Carbon-Design-System?m=auto) | `UI` |
90+
| | [[v11 Deprecated] Gray 90 Theme](https://www.figma.com/design/fH8rkv1VUTw5pvFDvO1kPO/-v11-Deprecated--Gray-90-Theme-%E2%80%93-Carbon-Design-System?m=auto) | `UI` |
91+
| | [[v11 Deprecated] Gray 100 Theme](https://www.figma.com/design/XhRIHF6qGiJQaJ5eOSSBRm/-v11-Deprecated--Gray-100-Theme-%E2%80%93-Carbon-Design-System?m=auto) | `UI` |
92+
| Accessibility | [IBM® Accessibility Design Kit](https://www.figma.com/design/zJlvN4TRbslRtyjFuxIDom/IBM%C2%AE-Accessibility-Design-Kit?node-id=0) | `Guidelines` |
9393

9494
The links in the table for Figma Libraries are preview only. Some of the Figma
9595
kits are for internal IBMers. To learn more about installing Figma Libraries and

0 commit comments

Comments
 (0)