From 0c58b8ea5ea8173132615480b151884f2fb2f84a Mon Sep 17 00:00:00 2001 From: jessicawoodin <82840483+jessicawoodin@users.noreply.github.com> Date: Wed, 31 Jul 2024 09:36:36 -0400 Subject: [PATCH] Update figma-components.md --- .../documentation/docs/UX/How-We-Work/figma-components.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/VAMobile/documentation/docs/UX/How-We-Work/figma-components.md b/VAMobile/documentation/docs/UX/How-We-Work/figma-components.md index a647d56aa5d..af10ba90bc9 100644 --- a/VAMobile/documentation/docs/UX/How-We-Work/figma-components.md +++ b/VAMobile/documentation/docs/UX/How-We-Work/figma-components.md @@ -8,15 +8,15 @@ sidebar_position: 6 * **Component configuration** * All components should have “simplify all instances” checked. * For components on the doc site: - * **Description**: Add a short description of how the component should be used from the [documentation site](https://department-of-veterans-affairs.github.io/va-mobile-app/docs/UX/ComponentsSection/). - * **Link**: Add a link to the component’s page on the [documentation site](https://department-of-veterans-affairs.github.io/va-mobile-app/docs/UX/ComponentsSection/). + * **Description**: Add a short description of how the component should be used from the documentation site. + * **Link**: Add a link to the component’s page on the documentation site. * For components that only live in Figma and do not appear on the doc site: * **Description**: Add a short description of how the component should be used. * *Note: Most Figma-only components are sub-parts or building blocks of another component in Figma. They exist in Figma to allow designers to build and use components, but are not required from an engineering perspective. For one component in Figma, there can sometimes be multiple Figma-only components.* * **Colors** - * All colors should be pulled from the [Design Tokens file](https://www.figma.com/design/XQwpzcNSGyGJN4nXDPoEj0/Design-Tokens---%F0%9F%94%8D-Design-System---VA-Mobile?node-id=5-4251&t=k1l85WLVAXZ6PPmy-1) (not light/dark theme files). It is also recommended that you use any semantic tokens that are available. + * All colors should be pulled from the [Design Tokens file](https://www.figma.com/design/rdLIEaC9rVwX70QbIGkMvG/%F0%9F%93%90-Design-Tokens-Library---Design-System---VA-Mobile?m=auto&t=KYbckwsxuA27CJcc-7) (not light/dark theme files). It is also recommended that you use any semantic tokens that are available. * **Typography** - * All text styles should be pulled from the [Design Tokens file](https://www.figma.com/file/bGO6g5cCvWycrNjoK66PXc/%F0%9F%93%90-DesignTokens1.0---Library---VAMobile) (not light/dark theme files). + * All text styles should be pulled from the [Foundations Library](https://www.figma.com/file/bGO6g5cCvWycrNjoK66PXc/%F0%9F%93%90-DesignTokens1.0---Library---VAMobile) (not light/dark theme files). * **Autolayout** * Components must be set up to automatically vertically resize as text changes. * Typically, a component’s height will need to be set to “hug” to accomplish this.