Lean Design System

A lean approach to design systems, tailored to startups & small teams. #leandesignsystem. Maintained by @1corn.

[Lean Design System @leandesignsys]

🥳 The first public version of Lean Design System is now online: https://t.co/MdAvaLhkiV

4 values, 12 tactics, 1 goal: Enabling any organization to adopt a design systems approach!
#leandesignsystem #designsystems

[Lean Design System @leandesignsys]

Website will be relaunched soon, should provide a better overview and easier access to the docs. Also working on making workshop resources freely available.

[Lean Design System @leandesignsys]

@brad_frost 😮‍💨 should've hired an archaeologist

[Lean Design System @leandesignsys]

I strongly support this motion.

(found here, in the comments: https://t.co/8WXfCi9BgQ ) #cssinjs

[Lean Design System @leandesignsys]

#tailwindcss is the worst.*

* Except when it isn't.

https://t.co/S5NOMjZhuB
@fireship_dev @tailwindcss

[Lean Design System @leandesignsys]

@alyshaj08 Thanks a lot, @alyshaj08! I moved everything over to the new .org domain when I decided to open source the project, but I missed that link in the header nav. Good catch.

[Lean Design System @leandesignsys]

A good handoff process helps to translate between domains. ➡️
The design systems approach aims to establish a shared language. 🔄

[Lean Design System @leandesignsys]

@adamwathan https://t.co/7r27mlneF4

Update in the works - including more thoughts on @tailwindcss and Design Codification 🎨🔄⌨️

(also planning to move from GitBook to @MkDocsProject + @squidfunk's fantastic Material theme)

[Design Tokens Community Group @DesignTokens]

Tool makers & design system creators/users/managers: the Design Tokens Color and Animation modules published a survey for your consideration.

🗨️Fill this form to help shape the future of the specification:
https://t.co/8Xf8gJUUMJ

(full announcement: https://t.co/k8vBPYnU6w)

[luis. @disco_lu]

New guide alert – "How to name your Figma layers" 📣

I've laid out a few approaches:
1. No layer naming – for the purists
2. Refinement – Descriptive naming
3. Aligning to code – Using markup in layers
4. Bonus

https://t.co/CsXsCOmI5l

[Lean Design System @leandesignsys]

Some are really tough and it took me concatenated :not()s to solve them. There are probably more elegant solutions, but it's a speedrun after all 🤷‍♂️

[Lean Design System @leandesignsys]

If you need a break from Wordle:

[Vincent Will @wweb_dev]

I just finished a small #webdev game, where you have to find the corresponding #CSS for a given HTML 💻

I'd love to know how long it took you - feel free to comment with your time 👇

https://t.co/y4r87nw57a

[Every Layout @layoutplusplus]

📢 The 3rd Edition of EVERY LAYOUT is now available!

We were blown away reading all the kind words you gave us for testimonials; have some logical properties as a thank you!

https://t.co/f0FIrcyTkN

[Lean Design System @leandesignsys]

3 · while Design Codification - as a guiding principle - can provide the glue that holds everything together. If you're interested, you can find more of my thoughts on #DesignCodification here:

https://t.co/ohJrSaXFgM
#designsystems #designtokens

[Lean Design System @leandesignsys]

1 · It’s probably one of the oldest questions in digital product development: Should designers code or not? I think it rarely leads to good answers, though. A better question would be: How can we create an environment that allows for collaboration across domains ...

[Lean Design System @leandesignsys]

2 · and one that makes it easy to share ownership of UI components? Modern frontend practices and new paradigms such as Design Tokens and Micro-frontends can serve as frameworks for such an environment ...

[Adrian Aleixandre @_aaleixandre]

On design systems: simply having a component library is not enough. Designers and engineers need to adopt a common language. Without this, your component library will just become another cumbersome way to write CSS.

[Web Design Museum @WebDesignMuseum]

Happy 25th birthday CSS1!

On December 17, 1996, W3C issued official recommendations for language specification, Cascading Style Sheets, level 1 (CSS1).

https://t.co/7x3vcFieo2

#CSS1 #InternetHistory

[Lean Design System @leandesignsys]

The State of CSS 2021 results, time to grab a ☕️
https://t.co/g46fAQIfrN
@sachagreif

[Lean Design System @leandesignsys]

In many respects, Design Systems are to Design & Frontend Dev what DevOps is to Engineering & Ops. In the same vein, Design Systems can be understood as a larger approach or a culture rather than a (literal) technical system. At the very least, they are socio-technical systems.

[Lean Design System @leandesignsys]

Me when asked about my #SCSS setup

#sass #css #designtokens