# Considerations before starting

## Figma Considerations

There are some limitations to creating design tokens in Figma that should be considered at the start. 

#### 1. Only some design characteristics can be managed through Figma libraries

Partially supported characteristics in Figma managed through styles stored in libraries:

* Color
* Typography
* Shadows
* Grid

Characcteristics that cannot be be stored through Figma libraries. All we can do is document them in Figma for development:

* Spacing
* Radius
* Opacity
* Border Width
* Size
* Interactions

To learn more how to document these characteriscits, skip to the documentation section of this playbook.

#### 2. Color styles in Figma cannot relate to other color styles

<figure><img src="/files/avABIIoa3MoAIMqp7z2c" alt=""><figcaption></figcaption></figure>

#### 3. Text styles in Figma cannot be defined in an atomic way.

<figure><img src="/files/JyLmAFJq01kMuexYTYJo" alt=""><figcaption></figcaption></figure>

## Development Considerations

#### 1. White-label design systems are compatible with any development ecosystem:

 React, Vue, Angular, Vanilla, mobile applications, etc.

<figure><img src="/files/9430P3h6UpAJ0G6u7UZP" alt=""><figcaption></figcaption></figure>

#### 2. Token logic is flexible and can be used with different stacks, practices, and file formats like CSS, SCSS, JS, JSON.&#x20;

Tokens can also be integrated into design system development tools like StoryBook.

<figure><img src="/files/iGKATAmC9GSHJdixiYEX" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://dsplaybook.farcostudio.com/part-2-the-process/documentation-1.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.