Recent searches

No recent searches

Search options

Not available on dice.camp.
dice.camp is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon server for RPG folks to hang out and talk. Not owned by a billionaire.

Administered by:

Server stats:

1.5K
active users

dice.camp: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.2

#DesignTokens

0 posts0 participants0 posts today
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>
Penpot<p><strong>Practical UI Design with tokens | Penpot Hands-On Demo</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/9a714b33-2bd4-4a95-8930-2646ab6343c0" 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/9a714b33-2bd4-4a95-8930-2646ab6343c0</span></a></p>
Stu Robson<p>🌟 This Week in Design Systems News!</p><p>Explore articles on design tokens, localisation, planning, and content. Check out resources from Penpot and Circle UI </p><p>Stay up–to–date: <a href="https://news.design.systems" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">news.design.systems</span><span class="invisible"></span></a><br> <br><a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/DesignOps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignOps</span></a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a></p>
Stu Robson<p>I've almost got an issue of the Design Systems Newsletter without a single link to medium. Almost. </p><p>If you want a weekly slice of the best curated Design Systems resources - be sure to sign up - <a href="https://news.design.systems" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">news.design.systems</span><span class="invisible"></span></a></p><p><a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p><p>🙏🖤</p>
Penpot<p><strong>What's new | Penpot release 2.7 - Design Tokens enhancements and more</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/05f64309-0375-4059-a980-02fe16349999" 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/05f64309-0375-4059-a980-02fe16349999</span></a></p>
Penpot<p><strong>Quick intro to Design Tokens</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/734c9bed-0254-4ac9-8a30-d38f46344f3d" 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/734c9bed-0254-4ac9-8a30-d38f46344f3d</span></a></p>
Stu Robson<p>🌟 Need help with your design system?<br>🌟 Struggling with design tokens?<br>🌟 Looking for a front-end developer?</p><p>✅ Let’s tackle it together!</p><p>🌐 www.alwaystwisted.com</p><p>🙏🖤</p><p><a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a></p>
Stu Robson<p>Need a quick start to creating some design tokens with a ready-made naming convention? </p><p>Romina has made this pretty neat tool:</p><p><a href="https://namedesigntokens.guide" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">namedesigntokens.guide</span><span class="invisible"></span></a></p><p>🙏🖤</p><p><a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://front-end.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>
Penpot<p><strong>Design Tokens Themes | Penpot 2.6</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/516f0695-d288-45e5-bd34-fb752bf21f8f" 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/516f0695-d288-45e5-bd34-fb752bf21f8f</span></a></p>
Penpot<p><strong>Importing &amp; Exporting Tokens (JSON) | Penpot 2.6</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/3849341e-62a8-4bc0-bc9c-5b2c88f21ef3" 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/3849341e-62a8-4bc0-bc9c-5b2c88f21ef3</span></a></p>
Penpot<p><strong>What are Design Tokens? | Penpot 2.6</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/63dce79f-b771-4337-8462-c61ac59b4d72" 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/63dce79f-b771-4337-8462-c61ac59b4d72</span></a></p>
Penpot<p><strong>Creating Design Tokens | Penpot 2.6</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/5cee36d7-7f6b-4954-89c5-94f23c962bbe" 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/5cee36d7-7f6b-4954-89c5-94f23c962bbe</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>
Stu Robson<p>✨ New Article Alert ✨ </p><p>After writing about @penpot.app's new Design Tokens panel I've added a new article for the Design Tokens Workflow Series:</p><p>Creating a Penpot Design Tokens Format with Style Dictionary</p><p><a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-12" 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-12</span></a></p><p><a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://front-end.social/tags/Penpot" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Penpot</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</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>
Stu Robson<p>✨ new article ✨</p><p>📝 Design Tokens have landed in Penpot, kinda</p><p>Last week I happened up <span class="h-card" translate="no"><a href="https://fosstodon.org/@penpot" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>penpot</span></a></span>'s new Design Tokens panel and wrote some thoughts about it. </p><p><a href="https://www.alwaystwisted.com/articles/design-tokens-in-penpot" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">alwaystwisted.com/articles/des</span><span class="invisible">ign-tokens-in-penpot</span></a></p><p>🙏🖤</p><p><a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
Penpot<p><strong>What's new | Penpot release 2.6 - DESIGN TOKENS!</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/6ebd7d54-9525-454c-90b8-7e961b3d24c2" 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/6ebd7d54-9525-454c-90b8-7e961b3d24c2</span></a></p>
Stu Robson<p>✨ new article ✨</p><p>A follow up to yesterday's article on CSS custom properties vs. Sass variables here's part 11 in my Design Tokens Workflow Series:</p><p>Creating Sass-backed CSS Custom Properties With Style Dictionary</p><p><a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-11" 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-11</span></a></p><p>🙏🖤</p><p><a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/Sass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sass</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a></p>
TrendingLive feeds
About