From ec93be48a80f8c67e573263fcb91881cead2caee Mon Sep 17 00:00:00 2001 From: vasanthappsmith <92305123+vasanthappsmith@users.noreply.github.com> Date: Wed, 5 Jun 2024 09:56:02 +0530 Subject: [PATCH] Update DesignTokens.mdx Removed all the figma links --- packages/design-system/src/Documentation/DesignTokens.mdx | 5 ----- 1 file changed, 5 deletions(-) diff --git a/packages/design-system/src/Documentation/DesignTokens.mdx b/packages/design-system/src/Documentation/DesignTokens.mdx index f5a730ee9..11f63e52a 100644 --- a/packages/design-system/src/Documentation/DesignTokens.mdx +++ b/packages/design-system/src/Documentation/DesignTokens.mdx @@ -94,7 +94,6 @@ You will find tokens defined in the following format in Figma. (Note: The exact name in Figma would be **color/ui/content/surface/default/bg.** This is due to how the tokens were defined in JSON for exporting to Token studio. We will correct this once we figure out how to do this well. In any case, if you search for a token — you will see it show up properly in Figma’s property pane.) [//]: # (TODO: How to embed this page so the preview shows?) -https://www.figma.com/file/5QitVVvqgEc6nhR7SbdinY/ADS2.0---Tokens?node-id=2507%3A46415&t=aLuYuSiYCsg7nxad-4 ## How to style? @@ -168,10 +167,6 @@ A product’s UI comprises of headings, body, captions in the content category. The following tokens have been defined for the headings category -https://www.figma.com/file/5QitVVvqgEc6nhR7SbdinY/ADS2.0---Tokens?node-id=2137%3A33642&t=aLuYuSiYCsg7nxad-4 - -https://www.figma.com/file/5QitVVvqgEc6nhR7SbdinY/ADS2.0---Tokens?node-id=2137%3A33722&t=aLuYuSiYCsg7nxad-4 - > ☝️ For every ui-category **type** token.. there is a color token associated with it. For example, the `Page Heading` type will necessarily use the gray-800 color token. This is the color you should be using. However, in code all of these values will be available as one if the correct type is passed to `Text`. To make things even simpler for designers, we now have a Text component defined in Figma. Simply drag the component to Figma’s canvas and enter your text.