#atomicdesign — Public Fediverse posts

DesignBohemian: designbohemian.com 12 Midcentury Modern Atomic Patterns – Seamless Fabric & Scrapbook Paper (Digital Download) https://designbohemian.com/products/12-midcentury-modern-atomic-patterns-37943?utm_source=dlvr.it&utm_medium=mastodon #MidcenturyModern #AtomicDesign #SeamlessPatterns #ScrapbookPaper #DigitalDownload

designbohemian.com 12 Midcentury Modern Atomic Patterns – Seamless Fabric & Scrapbook Paper (Digital Download) https://designbohemian.com/products/12-midcentury-modern-atomic-patterns-37943?utm_source=dlvr.it&utm_medium=mastodon #MidcenturyModern #AtomicDesign #SeamlessPatterns #VintageAesthetic #Scrapbooking

𝗨𝗻𝗼𝗖𝗦𝗦:

#CSS #AtomicDesign #Unocss

https://thewhale.cc/posts/unocss

The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline configurations. We are imagining UnoCSS being able to simulate the functionalities of most of the existing atomic CSS frameworks. And possibly have been used as the engine to create some new atomic CSS frameworks!

#Design #Guidances
Design Systems Q&A · A session on modern design system practices. https://ilo.im/160x6p

_____
#DesignSystems #Collaboration #Workflow #DesignTeam #AtomicDesign #ProductDesign #UiDesign #WebDesign #Figma #Storybook

#AtomicDesign の人も #X やめるみたい。
おれもどーしよっかなーってずっと言ってるけどアカウントはまだ消せてないんだよな〜 :tony_neutral:

https://mastodon.social/@brad_frost/113443338385314301

I am facing the big challenge to establish a #designsystem in my company, together with my lovely team. We're right at the start, despite having #storybook and #figma designs in place. But everything has grown without having a big vision in mind, halfly embracing #atomicdesign. Everything growed so fast. I started to educate myself, maybe somebody have some good resources to recommend? I guess consuming everything what @brad_frost does would help right?

Hearing @brad_frost begin a talk with "remember when websites used the Photoshop slice tool?" I slowly raised my hand. https://www.youtube.com/live/9H3tDkZU088?si=vb4bEG2ymfqorR_z #AtomicDesign

Finally took the plunge and ordered a copy of the e-book #AtomicDesign by @brad_frost :

https://mastodon.social/@brad_frost/111257361454795596

There are still a few days left to take the opportunity he offered!

Go, grab yours. It's good!

#CSS #FrontendDevelopment #RecommendedReading

Like a fine wine, a design system should increase in value over time. We’ll discuss tactics and techniques like team structure, versioning, managing changes and additions to the system, communication strategies, and more to ensure design system provides lasting value to your organisation.

Design System Maintenance – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. https://frontconference.com/workshops/creating-and-maintaining-successful-design-systems #atomicdesign #masterclass

A style guide reference website is the happy home for all a design system’s ingredients. A robust and well-presented reference site can help a design system truly take root at your organisation. Anatomy of Effective Reference Website – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. https://frontconference.com/workshops/creating-and-maintaining-successful-design-systems #atomicdesign #masterclass

The heart and soul of a successful design system is a component library that lives in code and directly powers an organisation's software products. We'll cover all that goes into creating a UI component library that's reusable, flexible, extensible, and easy to work with.

Creating a rock-solid component library. Covered in @brad_frost ’s Masterclass at Front Conference Zurich. https://frontconference.com/workshops/creating-and-maintaining-successful-design-systems #atomicdesign #masterclass

Atomic Design Principles – We’ll cover core principles of modular UI interface design and introduce the atomic design methodology that helps connect your design system design/dev work to your actual product design/dev work.

Covered in @brad_frost ’s Masterclass at Front Conference Zurich. https://frontconference.com/workshops/creating-and-maintaining-successful-design-systems #atomicdesign #masterclass

We all know design systems and pattern libraries are great, but how do you get your clients, bosses, and teammates on board? We’ll make the business cases for design systems, and discuss tactics and tools for selling design systems to clients and stakeholders. Covered in this Masterclass with @brad_frost at Front Conference Zurich. https://frontconference.com/workshops/creating-and-maintaining-successful-design-systems?utm_content=bufferd6653&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer #atomicdesign #masterclass

Making modular interfaces requires massive shifts in our design and development process. We’ll discuss why front-end development is an essential part of the design process and demonstrate how tools like lo-fi sketches, style tiles, frontend workshop tools like Storybook, and others facilitate collaboration—and result in successful design systems.

Covered in @brad_frost Masterclass at Front Conference Zurich. https://frontconference.com/workshops/creating-and-maintaining-successful-design-systems #atomicdesign #masterclass

UnoCSS - The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline... https://github.com/antfu/unocss #Front #CSS #AtomicDesign #Unocss by @[email protected]