Ivo retweeted
text-to-svg/icon @figma plugin built with @nextjs, @shadcn UI, and @tailwindcss + @replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠
Github: github.com/lichin-lin/figma-…
Ivo retweeted
Was 9:41 bedeutet? Für einige ist es ein Geheimnis, für andere ein Erkennungszeichen. Für uns ist es ein Conversation Starter. Light oder Dark Mode? Egal, welchen du wählst, dieses T-Shirt ist mehr als ein Kleidungsstück: Es ist ein Statement. 20 % Rabatt schnittstellengestalter.mysh…
Ivo retweeted
Eleventy Base Blog v9 📝
github.com/11ty/eleventy-bas…
Includes new simplified drafts workflow, automatic image optimization via Image Transform, and better more-accessible heading anchor links!
Ivo retweeted
New: Eleventy Image 🖼️ v5.0.0
Works great with Eleventy v3.0.0, with full support for automatic image optimization via the Transform method (and on-request image optimization during development for speedier local builds).
github.com/11ty/eleventy-img…
Ivo retweeted
Eleventy 3.0.0 is now available!
github.com/11ty/eleventy/rel…
Over a year of work, 22 pre-releases, so many contributors. Thank you to our entire community—y’all make this project possible. ❤️
Ivo retweeted
Hey #Berlin, who is working on some cool #DesignSystems?
We‘re getting ready for one of our biggest meetups ever 🙌 Please help us to find a speaker 🆘
@intodsconf
What is a Design System? 6 different types of design systems: danmall.com/posts/what-is-a-…
Some good tips for text field & form designs uxdesign.cc/text-fields-form…
Ivo retweeted
🎨 UI design tip: Name colours based on how they're used
Here's my simple but powerful token naming structure to keep colours organised 👇
[element.tone.emphasis.state]
This is just 1 of 100+ guidelines in the 2nd edition of @practicalUI 📘
Available next Tuesday.
Details 👇
The CSS Variable Groups proposal looks interesting. Especially for design systems lea.verou.me/specs/var-group…
Ivo retweeted
Variables to JSON @figma #plugin is published 🔥 #buildinpublic
Key features (1st release):
• Color Format Options
• Flexible Collection Selection
• Intelligent Grouping
• Naming Conventions
• Responsive UI + Live Preview
Try it out now 👉 figma.com/community/plugin/1…
Optimising your design system with Figma’s variables uxdesign.cc/design-system-fi…
Practical Guides To Naming Design Tokens and Components (+ Figma Kits) linkedin.com/posts/vitalyfri…
Great collection! Thanks @vitalyf !
Great insights thanks @molly_hellmuth !
Great tips! Thanks a lot @thalion_pb !
25 @figma design system tips, that you may use in your designs 🔥
From configuring the variable collection, exposing components, to making properties a lot easier to use...
All of them, are things I learned when preparing @primedesignkit
Part two starts here
Replying to @thalion_pb
Tip 17 - Expose components proper way.
Some tend to create large variant groups, like the ones for the button that include all options - primary, secondary, tertiary, danger etc. This does not help to explore the the system, split major component groups into separate variants.
Ivo retweeted
25 @figma design system tips, that you may use in your designs 🔥
From configuring the variable collection, exposing components, to making properties a lot easier to use...
All of them, are things I learned when preparing @primedesignkit

















