From 40a79c2b5dc573ec64633d8d9e67930f93d78c79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?andr=C3=A9s=20gonz=C3=A1lez?= Once you have named the token and assigned it a value, click Save to store the token and start referencing it. Token value fields suggest existing tokens as you type. Pick a suggestion to insert a reference, or keep typing a custom value. When assigning a value to a token, you can reference existing tokens - these are called aliases at the DTCG Glossary. This ensures the spacing is at least 8, even if the base token is smaller. Tokens can be edited by right-clicking the token and selecting Edit token. This will allow you to change the tokens name, value and description. Once the changes are made, click Save. Tokens can be edited by right-clicking the token and selecting Edit token. This will allow you to change the tokens name, value and description. Value fields offer the same token suggestions as when creating a token. Once the changes are made, click Save. Click the token control on a field to open a list of applicable tokens from your active sets and themes. Select a token to apply it; a token pill shows the bound token. Use the pill menu to detach the token when you need a custom value again. On text layers, the Typography section shows a composite typography token row when one is applied. Open the token list from the section header to pick or switch tokens without going to the Tokens panel. Hover a token name to see its resolved values (font family, size, weight, and the rest). When you multi-select text layers that share typography tokens, the Typography section shows the applied token. If the selection mixes different tokens, detach them from there or apply a new one to the whole selection. Typography options in the dropdown list show resolved values on hover, so you can tell styles apart before applying them. When a numeric field has a token applied, drag-to-change is disabled for that field. Edit the token or detach it first. A Typography composite token can be applied to a full text layer to set all typography properties at once. This lets you manage complete text styles using a single token instead of combining multiple individual ones. Apply it from the Tokens panel, or from the Typography section in the Design sidebar when a text layer is selected. When applying a Typography composite token to a layer, any previously applied Typography composite token or style will be detached. The same happens in reverse. Only one of them can be active at a time. When the style is set to dashed, two extra fields appear to control the dash and gap length in pixels. You can add as many strokes as you want to the same layer. You can set a blur for each and every layer at Penpot. Applying a lot and/or big values for blurs can affect Penpot’s performance as it requires a lot from the browser. You can add blur effects to layers from the Design sidebar. Penpot supports two types: Background blur is not included in exported files yet (PNG, SVG, PDF, and others). The exporter still uses the legacy SVG renderer, so the effect only shows in the workspace and View mode. Export support is a current priority and will land in an upcoming release. Click + in the Blur section to add an effect. You can apply both types on the same layer. Use the type selector to switch between them, the eye icon to show or hide an effect without removing it, and the value field to set the blur amount. Applying many or large blur values can affect Penpot’s performance, as it requires a lot from the browser.sqdp{z>5>-}r1L
zJ%)~)!>$g}IpFK@9hG{6ru^%6iC3naG^GHKA)?QXQ9T@C8W>c%&
smc6#HD3iCKNZUTy$l;Au(b
zs}))i)9;
zWDHd5R#X~HhiNpt+X#1KXy`C*Yb}Y5T>)!UNB|+>JR(tf;r4T6uz34w8U)%Y#6bzY
zvo&kQd@6WV1Pc46Pomq_OkJ3qvne>BijXE`S!tDu9)T8#iQ{YKg!#lPe
zxf>=D56U)5h1!V_j6wimfPw)nm=l9Qh&K=-7A-88X}@Fo=EH7t)3#qc;J9!@p@8^l
zS0#VAY`Jp)N-g%sz5H!jDQRJ8T9vtP`(H^mBndSI?s^-hx21#bxofX=H#eF@qbLe1
zil&qz7hqaKw2A=+Ak-l&TH(k9P#6RR@OWsL
a&EinM)>=at4or=~y@O1Xa&W_x(#(Ru3-%Dj2ik7!wExP^
zReferencing tokens into values (aliases)
Editing a token
-
@@ -528,6 +532,7 @@ ExtraBold Italic
Apply a Typography token
Shadow
diff --git a/docs/user-guide/designing/color-stroke.njk b/docs/user-guide/designing/color-stroke.njk
index d6d227fac3..012b45b264 100644
--- a/docs/user-guide/designing/color-stroke.njk
+++ b/docs/user-guide/designing/color-stroke.njk
@@ -57,7 +57,7 @@ desc: Style your designs with Penpot's options! Learn about color fills, gradien
diff --git a/docs/user-guide/designing/layers.njk b/docs/user-guide/designing/layers.njk
index 474432b66c..2c55a7a7ca 100644
--- a/docs/user-guide/designing/layers.njk
+++ b/docs/user-guide/designing/layers.njk
@@ -461,8 +461,18 @@ You can choose to edit individual nodes or create new ones. Press Esc
Blur
-
+
+
+
When a layer with interactions is selected, the Prototype sidebar lists every connection attached to it. From there you can change the trigger, action, destination, animation, and other options.
+Destination dropdowns include a search field. Type to filter boards on the current page when your file has many screens.
+