CalvinBackup/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-03-05 09:41:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

📚 Move Design Tokens > Spacing image to the Spacing section (#8487)

Browse Source 
Signed-off-by: Julien Déramond <julien.deramond@thalesgroup.com>
This commit is contained in:
Julien Déramond
2026-03-02 15:50:32 +01:00
committed by GitHub
parent 0b8ac2508e
commit cc2c104e16
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/user-guide/design-systems/design-tokens.njk
View File

@@ -219,9 +219,6 @@ desc: Learn how to create, manage and apply Penpot Design Tokens using W3C DTCG
<h3 id="design-tokens-sizing">Sizing</h3>
<p>Sizing tokens can define various size-related design properties, namely the height and width of design elements.The sizing token supports numeric values, which include negative values.</p>
<figure>
<img src="/img/design-tokens/11-tokens-spacing.webp" alt="Tokens spacing" />
</figure>
<h4>Applying Sizing Tokens</h4>
<p>To apply the sizing token to an element, select the element and choose the token from the list:</p>
<ul>
@@ -245,6 +242,9 @@ desc: Learn how to create, manage and apply Penpot Design Tokens using W3C DTCG
<h3 id="design-tokens-spacing">Spacing</h3>
<p>The spacing token defines the distance between design elements and supports numeric values, which include negative values. Spacing tokens must be applied to Flex Layout boards. </p>
<figure>
<img src="/img/design-tokens/11-tokens-spacing.webp" alt="Tokens spacing" />
</figure>
<p class="advice">If you apply the token to a board before flex-layout is applied to it, you may have to remove and re-apply the token for it to take effect.</p>
<h4>Applying Spacing Tokens</h4>
<p>To apply the spacing token to an element, select the element and choose the token from the list:</p>