mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Serverstatistik:

1,5 Tsd.
aktive Profile

#DesignTokens

0 Beiträge0 Beteiligte0 Beiträge heute
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Tools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tools</span></a><br>CSS Design Tokens Analyzer · Uncover design tokens from your stylesheet <a href="https://ilo.im/1652ji" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1652ji</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webpage</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Frontend Dogma<p>Figma Variables and Design Tokens—Variable Architecture, by <span class="h-card" translate="no"><a href="https://tech.lgbt/@lurkmoophy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>lurkmoophy</span></a></span> (<span class="h-card" translate="no"><a href="https://mastodon.social/@zeroheight" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>zeroheight</span></a></span>):</p><p><a href="https://zeroheight.com/blog/figma-variables-and-design-tokens-part-one-variable-architecture/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">zeroheight.com/blog/figma-vari</span><span class="invisible">ables-and-design-tokens-part-one-variable-architecture/</span></a></p><p><a href="https://mas.to/tags/figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>figma</span></a> <a href="https://mas.to/tags/variables" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>variables</span></a> <a href="https://mas.to/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Launches</span></a><br>Design Tokens Name Generator · Design token naming conventions for your design system <a href="https://ilo.im/163l9d" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163l9d</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Generator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Generator</span></a> <a href="https://mastodon.social/tags/Naming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Naming</span></a> <a href="https://mastodon.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Factorial GmbH<p>Where do design tokens actually come from and why they matter in modern <a href="https://social.factorial.io/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> 🚀 </p><p>During our last <a href="https://social.factorial.io/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> and Friends meetup, Nils Wiere, Freelance Design System Consultant) walked the audience through the evolution of <a href="https://social.factorial.io/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a> - Watch the recording on our YouTube channel to see the full session: <a href="https://youtu.be/uMb4M7VCRCE?si=5tqcd94i0Dx2Aq7K" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">youtu.be/uMb4M7VCRCE?si=5tqcd9</span><span class="invisible">4i0Dx2Aq7K</span></a></p><p><a href="https://social.factorial.io/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://social.factorial.io/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://social.factorial.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a></p>
Laura Kalbag<p>London pals! Come hang out with me and cool Penpot folks in SE1 on the 13th of May.</p><p>We’ll be discussing all things design tokens and collaboration in a fab venue with lovely food and drinks.</p><p>And it’s free! Limited spots available: </p><p><a href="https://app.hi.events/event/370/penpot-after-hours-london" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">app.hi.events/event/370/penpot</span><span class="invisible">-after-hours-london</span></a> </p><p>(Non-Londoners also very welcome 😁)</p><p><a href="https://mastodon.laurakalbag.com/tags/penpot" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>penpot</span></a> <a href="https://mastodon.laurakalbag.com/tags/london" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>london</span></a> <a href="https://mastodon.laurakalbag.com/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.laurakalbag.com/tags/designTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designTokens</span></a></p>
Frontend Dogma<p>Implementing Multi-Brand Theming With Style Dictionary, by <span class="h-card" translate="no"><a href="https://front-end.social/@sturobson" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>sturobson</span></a></span>:</p><p><a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-9" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">alwaystwisted.com/articles/a-d</span><span class="invisible">esign-tokens-workflow-part-9</span></a></p><p><a href="https://mas.to/tags/theming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>theming</span></a> <a href="https://mas.to/tags/branding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>branding</span></a> <a href="https://mas.to/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a> <a href="https://mas.to/tags/tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tooling</span></a></p>
Penpot<p><strong>Penpot Design Tokens Highlights</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/0cd65dc5-ec3f-492e-853f-35fb5cd8495c" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">peertube.kaleidos.net/videos/w</span><span class="invisible">atch/0cd65dc5-ec3f-492e-853f-35fb5cd8495c</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>The art of design tokens · A metaphor for the 3-tier token model <a href="https://ilo.im/163180" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163180</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Metaphors" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Metaphors</span></a> <a href="https://mastodon.social/tags/Art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Art</span></a> <a href="https://mastodon.social/tags/Creativity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Creativity</span></a> <a href="https://mastodon.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a></p>
Penpot<p><strong>Penpot Design Tokens are out!</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/e8f919bf-0b1c-43c4-b7fb-d0cf40c2460d" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">peertube.kaleidos.net/videos/w</span><span class="invisible">atch/e8f919bf-0b1c-43c4-b7fb-d0cf40c2460d</span></a></p>
beyond tellerrand<p>Berliners and people interested in <a href="https://mastodon.social/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a> here are brad and Ian Frost bringing their Design Tokens <a href="https://mastodon.social/tags/workshiop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>workshiop</span></a> to Berlin during <a href="https://mastodon.social/tags/btconf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>btconf</span></a>. Get your tickets as long as they last. <a href="https://beyondtellerrand.com/events/berlin-2025/workshops/advanced-design-tokens" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">beyondtellerrand.com/events/be</span><span class="invisible">rlin-2025/workshops/advanced-design-tokens</span></a></p>
Frontend Dogma<p>Avoiding Tokens, by <span class="h-card" translate="no"><a href="https://social.design.systems/@donnie" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>donnie</span></a></span>:</p><p><a href="https://blog.damato.design/posts/avoiding-tokens/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.damato.design/posts/avoid</span><span class="invisible">ing-tokens/</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a></p>

We've been making great progress on our Design Tokens Course over the break and @frostyweather and I are SUPER PUMPED. We're going to send out an email with a big update tomorrow; you can sign up to preorder the course and/or stay in the loop here: designtokenscourse.com/

designtokenscourse.comSubatomic: The Complete Guide To Design TokensAn in-depth course on design tokens: concepts, Figma Variables, code, processes, best practices, and more.