# \#design-tokens

**URL:** https://community.penpot.app/tag/design-tokens/86.md

[Latest](https://community.penpot.app/latest.md) · [Categories](https://community.penpot.app/categories.md) · [Tags](https://community.penpot.app/tags.md)

---

## [Prompt to design](https://community.penpot.app/t/prompt-to-design/11013)

<div class="topic-metadata">

**Author:** [@David\_Martin](https://community.penpot.app/u/David_Martin)\
**Replies:** 0\
**Last updated:** [October 22, 2026, 7:49pm UTC](https://community.penpot.app/t/prompt-to-design/11013 "2026-10-22T19:49:17Z")

</div>

I built a all-in-one tool, vieira ai for human-ai collaboration and connected my designer agent to Penpot. Vieira give you AI teammates on your own API key. One of them is Sara, a designer. You tell her what you need, an…

---

## [Token Lint: auditing and applying design tokens](https://community.penpot.app/t/token-lint-auditing-and-applying-design-tokens/10864)

<div class="topic-metadata">

**Author:** [@a-ng-d](https://community.penpot.app/u/a-ng-d)\
**Replies:** 6\
**Last updated:** [October 8, 2026, 11:21am UTC](https://community.penpot.app/t/token-lint-auditing-and-applying-design-tokens/10864 "2026-10-08T11:21:40Z")

</div>

Hello everyone, I would like to share a thought about what happens after design tokens land in a Penpot file: nobody can tell where the system is actually applied. I’d welcome your feedback. The problem Once tokens exi…

---

## [An attempt to a Shadcn UI Library for Penpot](https://community.penpot.app/t/an-attempt-to-a-shadcn-ui-library-for-penpot/10521)

<div class="topic-metadata">

**Author:** [@brunobezerra](https://community.penpot.app/u/brunobezerra)\
**Replies:** 8\
**Last updated:** [October 7, 2026, 9:54am UTC](https://community.penpot.app/t/an-attempt-to-a-shadcn-ui-library-for-penpot/10521 "2026-10-07T09:54:34Z")

</div>

I know that there’s already a topic from @FatumaA regarding a shadcn ui library for Penpot, but I’d like to show you a bit of my efforts to build and hopeffuly release something similar. I’ve been thinking about it for …

---

## [GDS Design System Library](https://community.penpot.app/t/gds-design-system-library/10912)

<div class="topic-metadata">

**Author:** [@Sulcalibur](https://community.penpot.app/u/Sulcalibur)\
**Replies:** 0\
**Last updated:** [September 28, 2026, 9:32pm UTC](https://community.penpot.app/t/gds-design-system-library/10912 "2026-09-28T21:32:53Z")

</div>

:loudspeaker: GDS Design System - Initial Release Hey everyone! :waving\_hand: I’ve finally carved out the time to get the GDS Design System into a solid, usable state. While there’s still some ongoing cleanup for compon…

---

## [Feature request: support variable fontWeight tokens](https://community.penpot.app/t/feature-request-support-variable-fontweight-tokens/10888)

<div class="topic-metadata">

**Author:** [@scottdotis](https://community.penpot.app/u/scottdotis)\
**Replies:** 1\
**Last updated:** [September 15, 2026, 10:02am UTC](https://community.penpot.app/t/feature-request-support-variable-fontweight-tokens/10888 "2026-09-15T10:02:03Z")

</div>

When entering numbers for font weight tokens, it’s currently only possible to enter a number that’s already aliased to a named weight (e.g. 400/normal/regular). Trying to enter a number other than an already-aliased one …

---

## [Shadcn UI Penpot Version](https://community.penpot.app/t/shadcn-ui-penpot-version/8479)

<div class="topic-metadata">

**Author:** [@FatumaA](https://community.penpot.app/u/FatumaA)\
**Replies:** 12\
**Last updated:** [September 10, 2026, 3:51pm UTC](https://community.penpot.app/t/shadcn-ui-penpot-version/8479 "2026-09-10T15:51:05Z")

</div>

Hi all, I’m working on a Penpot version of Shadcn/ui using the new Design Tokens and wanted to share the work-in-progress file here for feedback. It’s still very early. @shadcn\_ui - Design System (1).penpot (17.1 MB) A…

---

## [UI Color Palette: one year in, and my first post here](https://community.penpot.app/t/ui-color-palette-one-year-in-and-my-first-post-here/10835)

<div class="topic-metadata">

**Author:** [@a-ng-d](https://community.penpot.app/u/a-ng-d)\
**Replies:** 0\
**Last updated:** [August 27, 2026, 6:00pm UTC](https://community.penpot.app/t/ui-color-palette-one-year-in-and-my-first-post-here/10835 "2026-08-27T18:00:01Z")

</div>

Hi everyone, I made a plugin that’s been available on Penpot for a year, and in all that time I never posted a single official message on this forum. Releases shipped quietly, one after another, and you had no real way …

---

## [Inaccurate design tokens group name conflict message](https://community.penpot.app/t/inaccurate-design-tokens-group-name-conflict-message/10775)

<div class="topic-metadata">

**Author:** [@xanderjakeq](https://community.penpot.app/u/xanderjakeq)\
**Replies:** 2\
**Last updated:** [August 5, 2026, 4:22pm UTC](https://community.penpot.app/t/inaccurate-design-tokens-group-name-conflict-message/10775 "2026-08-05T16:22:50Z")

</div>

I am trying to import files generated with https://sugarcube.sh/. I’m assuming both tools support the DTCG standard, so i thought it will be smooth. But observed behavior: $type is parsed as a token, sugarcube has a…

---

## [Responsive design on canvas - Applying themes to boards](https://community.penpot.app/t/responsive-design-on-canvas-applying-themes-to-boards/10630)

<div class="topic-metadata">

**Author:** [@nic0m4](https://community.penpot.app/u/nic0m4)\
**Replies:** 1\
**Last updated:** [July 27, 2026, 2:40pm UTC](https://community.penpot.app/t/responsive-design-on-canvas-applying-themes-to-boards/10630 "2026-07-27T14:40:53Z")

</div>

Background Hi! I’m looking to switch from Figma to Penpot because I really like the idea of using real CSS flexbox and grid on a free canvas. I imagine this would give me much more accurate code output than what I get …

---

## [Atomic Design System and Tokens](https://community.penpot.app/t/atomic-design-system-and-tokens/10144)

<div class="topic-metadata">

**Author:** [@james.lawrie.tlc](https://community.penpot.app/u/james.lawrie.tlc)\
**Replies:** 5\
**Last updated:** [July 21, 2026, 9:50am UTC](https://community.penpot.app/t/atomic-design-system-and-tokens/10144 "2026-07-21T09:50:20Z")

</div>

I am wondering if I should switch from Figma to PenPot but I would like to clarify something first. I have tried this in Penpot already and failed. So my question is this, building an atomic design system (foundation, a…

---

## [Please add the design tokens in a shared library](https://community.penpot.app/t/please-add-the-design-tokens-in-a-shared-library/9566)

<div class="topic-metadata">

**Author:** [@Dylan](https://community.penpot.app/u/Dylan)\
**Replies:** 4\
**Last updated:** [July 1, 2026, 2:54pm UTC](https://community.penpot.app/t/please-add-the-design-tokens-in-a-shared-library/9566 "2026-07-01T14:54:03Z")

</div>

When making a shared library, the design tokens are gone. Please add them to the libary. Now i need to export and import them.

---

## [Responsive Type Scale](https://community.penpot.app/t/responsive-type-scale/10590)

<div class="topic-metadata">

**Author:** [@Gwix](https://community.penpot.app/u/Gwix)\
**Replies:** 3\
**Last updated:** [May 20, 2026, 5:05pm UTC](https://community.penpot.app/t/responsive-type-scale/10590 "2026-05-20T17:05:52Z")

</div>

Hello Penpot friends, I’m wondering how can I manage my Responsive Type Scale using Penpot’s Tokens. I’m still a bit confused with Sets and Themes (I’m new to Penpot). I have built a design system with Sass (SCSS) and wo…

---

## [Token export is: Tokens Studio format, not DTCG 2025.10](https://community.penpot.app/t/token-export-is-tokens-studio-format-not-dtcg-2025-10/10544)

<div class="topic-metadata">

**Author:** [@IvanTheGeek](https://community.penpot.app/u/IvanTheGeek)\
**Replies:** 1\
**Last updated:** [May 5, 2026, 9:30am UTC](https://community.penpot.app/t/token-export-is-tokens-studio-format-not-dtcg-2025-10/10544 "2026-05-05T09:30:59Z")

</div>

I have been building an integration pipeline around Penpot’s token export and spent real time mapping exactly what comes out of the Export button in the Tokens panel. Sharing these findings in case it saves others debugg…

---

## [applyToken broken in 2.15 : anyone got it working?](https://community.penpot.app/t/applytoken-broken-in-2-15-anyone-got-it-working/10538)

<div class="topic-metadata">

**Author:** [@Ismail\_Hamila](https://community.penpot.app/u/Ismail_Hamila)\
**Replies:** 1\
**Last updated:** [May 1, 2026, 8:11pm UTC](https://community.penpot.app/t/applytoken-broken-in-2-15-anyone-got-it-working/10538 "2026-05-01T20:11:56Z")

</div>

Hi all, Building a multi-tenant design system tooling on top of Penpot’s plugin SDK (via the MCP server, used by an LLM agent to author DS docs/components), and I’m hitting a hard wall on shape.applyToken(). Context. …

---

## [Token API works well!](https://community.penpot.app/t/token-api-works-well/10517)

<div class="topic-metadata">

**Author:** [@a-ng-d](https://community.penpot.app/u/a-ng-d)\
**Replies:** 1\
**Last updated:** [April 24, 2026, 9:12am UTC](https://community.penpot.app/t/token-api-works-well/10517 "2026-04-24T09:12:01Z")

</div>

Hey there, I updated UI Color Palette to support token sync with a large palette of WCAG-compliant colors. Besides, there’s no longer a need to export code, merge it into the tokens.json, then reimport it into you…

---

## [Ability to display themes values thru a table](https://community.penpot.app/t/ability-to-display-themes-values-thru-a-table/10422)

<div class="topic-metadata">

**Author:** [@mblu](https://community.penpot.app/u/mblu)\
**Replies:** 8\
**Last updated:** [March 19, 2026, 11:45am UTC](https://community.penpot.app/t/ability-to-display-themes-values-thru-a-table/10422 "2026-03-19T11:45:16Z")

</div>

Right now, I think one of the best reasons to switch to penpot is the excellent support for design tokens. There’s one thing I miss compared to figma, though: the ability to have a table of token values ​​organized by t…

---

## [Ability to select referenced tokens from list](https://community.penpot.app/t/ability-to-select-referenced-tokens-from-list/10421)

<div class="topic-metadata">

**Author:** [@mblu](https://community.penpot.app/u/mblu)\
**Replies:** 1\
**Last updated:** [March 18, 2026, 10:30am UTC](https://community.penpot.app/t/ability-to-select-referenced-tokens-from-list/10421 "2026-03-18T10:30:47Z")

</div>

I’ve been using PenPot for a while, so I might not have understood something. Currently, if I need to change the value of a token that references another token, I have to remember its exact label. It would be much more …

---

## [Generated Design Tokens file](https://community.penpot.app/t/generated-design-tokens-file/8680)

<div class="topic-metadata">

**Author:** [@marekbrze](https://community.penpot.app/u/marekbrze)\
**Replies:** 4\
**Last updated:** [March 14, 2026, 1:55pm UTC](https://community.penpot.app/t/generated-design-tokens-file/8680 "2026-03-14T13:55:37Z")

</div>

I am trying to use downloaded tokens.json file with Style Dictionary v4 for generating CSS variables, but I encounter problem with referencing values. Penpot doesn’t reference full path for the value in Json . What is g…

---

## [Select design tokens without a pre-selected token](https://community.penpot.app/t/select-design-tokens-without-a-pre-selected-token/10403)

<div class="topic-metadata">

**Author:** [@Dylan](https://community.penpot.app/u/Dylan)\
**Replies:** 1\
**Last updated:** [March 10, 2026, 11:38am UTC](https://community.penpot.app/t/select-design-tokens-without-a-pre-selected-token/10403 "2026-03-10T11:38:55Z")

</div>

Currently, it is only possible to select a design token from the right panel if a token has already been applied. It would be very helpful if users could also select a design token directly from the right panel even when…

---

## [Is there a way for design tokens to be available in a team?](https://community.penpot.app/t/is-there-a-way-for-design-tokens-to-be-available-in-a-team/10384)

<div class="topic-metadata">

**Author:** [@pewpil](https://community.penpot.app/u/pewpil)\
**Replies:** 0\
**Last updated:** [March 4, 2026, 10:55pm UTC](https://community.penpot.app/t/is-there-a-way-for-design-tokens-to-be-available-in-a-team/10384 "2026-03-04T22:55:41Z")

</div>

and not just in a file?

---

## [Ability to rename tokens without breaking references](https://community.penpot.app/t/ability-to-rename-tokens-without-breaking-references/10378)

<div class="topic-metadata">

**Author:** [@firefiber](https://community.penpot.app/u/firefiber)\
**Replies:** 1\
**Last updated:** [March 3, 2026, 11:36am UTC](https://community.penpot.app/t/ability-to-rename-tokens-without-breaking-references/10378 "2026-03-03T11:36:42Z")

</div>

I’d really love to be able to rename tokens without breaking references. From the pov of building out a design system from scratch, it’s very limiting to have to nail down the naming/grouping/hierarchy systems right at t…

---

## [Multiple token files for multi-theme architecture?](https://community.penpot.app/t/multiple-token-files-for-multi-theme-architecture/10379)

<div class="topic-metadata">

**Author:** [@Sulcalibur](https://community.penpot.app/u/Sulcalibur)\
**Replies:** 1\
**Last updated:** [March 3, 2026, 12:48am UTC](https://community.penpot.app/t/multiple-token-files-for-multi-theme-architecture/10379 "2026-03-03T00:48:27Z")

</div>

I am working on setting up design tokens for the UK Government Design System (GDS). My goal is to use the core GDS tokens as a base layer, and then introduce different sector themes (like NHS, MoJ, and MoneyHelper). Thes…

---

## [Support resolving type of the token being referenced](https://community.penpot.app/t/support-resolving-type-of-the-token-being-referenced/10369)

<div class="topic-metadata">

**Author:** [@julien-deramond](https://community.penpot.app/u/julien-deramond)\
**Replies:** 0\
**Last updated:** [February 27, 2026, 3:05pm UTC](https://community.penpot.app/t/support-resolving-type-of-the-token-being-referenced/10369 "2026-02-27T15:05:32Z")

</div>

Hi there :waving\_hand: I’ve checked this Community space content and the GitHub issues, but I haven’t found anything about this topic. I hope this is not a duplicate :folded\_hands: Context I’m currently exporting our D…

---

## [Typography Desing Token Missing?](https://community.penpot.app/t/typography-desing-token-missing/10364)

<div class="topic-metadata">

**Author:** [@Odin\_van\_Asgard](https://community.penpot.app/u/Odin_van_Asgard)\
**Replies:** 6\
**Last updated:** [February 25, 2026, 3:37pm UTC](https://community.penpot.app/t/typography-desing-token-missing/10364 "2026-02-25T15:37:45Z")

</div>

we run 2.13.3 self hosted, but we missing the Design Token Typography?

---

## [Support for “border” Design Tokens](https://community.penpot.app/t/support-for-border-design-tokens/10340)

<div class="topic-metadata">

**Author:** [@Drikun](https://community.penpot.app/u/Drikun)\
**Replies:** 0\
**Last updated:** [February 15, 2026, 12:23pm UTC](https://community.penpot.app/t/support-for-border-design-tokens/10340 "2026-02-15T12:23:38Z")

</div>

Hi Penpot community! :waving\_hand: I’ve been following the Design Tokens Community Group specification, and I noticed that the Design Tokens Format includes a composite token type called border, which defines a border u…

---

## [Color Picker When Creating Color Tokens](https://community.penpot.app/t/color-picker-when-creating-color-tokens/10315)

<div class="topic-metadata">

**Author:** [@mattd7800](https://community.penpot.app/u/mattd7800)\
**Replies:** 0\
**Last updated:** [February 8, 2026, 12:19am UTC](https://community.penpot.app/t/color-picker-when-creating-color-tokens/10315 "2026-02-08T00:19:27Z")

</div>

When creating color tokens, it would be useful to have a color picker available so that we can quickly select an existing color that’s in the design. I see this is how it is set up when creating colors in the library. Pe…

---

## [Negative spread in Shadow Tokens](https://community.penpot.app/t/negative-spread-in-shadow-tokens/10240)

<div class="topic-metadata">

**Author:** [@Zvonimir\_Juranko](https://community.penpot.app/u/Zvonimir_Juranko)\
**Replies:** 2\
**Last updated:** [January 22, 2026, 3:22pm UTC](https://community.penpot.app/t/negative-spread-in-shadow-tokens/10240 "2026-01-22T15:22:10Z")

</div>

When creating shadow, you can use negative spread, however, when creating shadow token, it can’t be used. ”Spread value cannot be negative” error

---

## [How to apply typography tokens in the editor?](https://community.penpot.app/t/how-to-apply-typography-tokens-in-the-editor/10209)

<div class="topic-metadata">

**Author:** [@akabareth](https://community.penpot.app/u/akabareth)\
**Replies:** 8\
**Last updated:** [January 15, 2026, 4:50pm UTC](https://community.penpot.app/t/how-to-apply-typography-tokens-in-the-editor/10209 "2026-01-15T16:50:29Z")

</div>

I have text boxes where I would like to define/reuse typography settings for e.g. Body text vs Headers. Coming from Figma’s Text Styles (and also Variables), this was very straightforward in terms of the UI and how to ac…

---

## [Animation Fundamentals for Design System](https://community.penpot.app/t/animation-fundamentals-for-design-system/10191)

<div class="topic-metadata">

**Author:** [@ImpactNeel](https://community.penpot.app/u/ImpactNeel)\
**Replies:** 2\
**Last updated:** [January 8, 2026, 10:49am UTC](https://community.penpot.app/t/animation-fundamentals-for-design-system/10191 "2026-01-08T10:49:04Z")

</div>

As designers, we have thoughts of how UI animation began or CSS animation, and when we get the source code of the animation, we don’t understand because we have no fundamental knowledge about animation; we follow tuto…

---

## [Small, Quality-of-Life suggestions/wish list](https://community.penpot.app/t/small-quality-of-life-suggestions-wish-list/10093)

<div class="topic-metadata">

**Author:** [@HeyTC](https://community.penpot.app/u/HeyTC)\
**Replies:** 0\
**Last updated:** [November 18, 2025, 8:45pm UTC](https://community.penpot.app/t/small-quality-of-life-suggestions-wish-list/10093 "2025-11-18T20:45:16Z")

</div>

A grab bag of small Quality-of-life changes… App Interface When I’m out and about on a small screen, I want to hide the right hand panel just like the left-hand panel. I want to be able to adjust the Penpot UI aro…

[Next page](https://community.penpot.app/tag/design-tokens/86.md?match_all_tags=true&page=1&tags%5B%5D=design-tokens)
