Brad Frost | The Technical Side of Design Systems | UI Special, CSS Day 2019

  Рет қаралды 54,859

Web Conferences Amsterdam

Web Conferences Amsterdam

Күн бұрын

You can have a killer style guide website, a great-looking Sketch library, and robust documentation, but if your design system isn't actually powering real software products, all that effort is for naught. At the heart of a successful design system is a collection of sturdy, robust front-end components that powers other applications' user interfaces. This talk covers what's involved in establishing a technical architecture for your design system, including front-end workshop environments, CSS architecture, implementing design tokens, popular libraries like React and Vue.js, deploying design systems, managing updates, and more.
Resources: bradfrost.com/blog/post/the-te...
About Brad: bradfrost.com
Get his book, Atomic Design: atomicdesign.bradfrost.com
Follow Brad: / brad_frost
More about CSS Day: cssday.nl or / cssdayconf
Receive conference announcements in your inbox: cssday.nl/subscribe

Пікірлер: 11
@daSenfgurke
@daSenfgurke 4 жыл бұрын
Brad is awesome
@rileydavidjesus
@rileydavidjesus 2 жыл бұрын
Awesome talk
@virat5484
@virat5484 5 жыл бұрын
really helpful presentation on design system can you Please share PPT or PDF of presentation
@tedfitzpatrickyt
@tedfitzpatrickyt 3 жыл бұрын
React can be a legacy-to-modern UI tool because legacy DOM can be transformed into modern DOM - or DOM output by various server-side tech to modern DOM
@unleashthedog
@unleashthedog 4 жыл бұрын
Why not just use an in-between tech/lang/markup to create these components? Like JSON seems perfect to me as a descriptor for components (or xml), and then you can read/parse the system regardless of the tech used, and you don't need to port anything from one framework to the next hotness
@notthere83
@notthere83 4 жыл бұрын
I find it unfortunate that react-styleguidist doesn't show up anywhere (neither in the talk nor in the linked resources). It's interactive nature, included API parsing and so on IMO makes it much more suitable for a playground, style guide and API documentation all in one versus e.g. storybook. UPDATE: Ah, I just saw the end of the video. I think now I get it. ;)
@andynonimuss6298
@andynonimuss6298 2 жыл бұрын
Designers have been using Design Systems (reusable components and patterns) from the very beginning with Photoshop. Adobe Flash also used reusable graphic "components". We just didn't call it Design Systems back then. Nowadays it's easier to create a Design System with the cloud-based ability in Adobe XD. I think Brad Frost is a cool guy, but he only highlighted the idea of the obvious. I understand the small to large analogy of Atomic Particles, but trying to inject science terms into design language makes the systems concept confusing for designers.
@jonnylaris
@jonnylaris 4 жыл бұрын
God what an awful audience...
@WebConferencesAmsterdam
@WebConferencesAmsterdam 4 жыл бұрын
Why exactly? :)
@jonnylaris
@jonnylaris 4 жыл бұрын
@@WebConferencesAmsterdam they hardly laughed at a single joke by the sounds of it! Great show by the way :)
@WebConferencesAmsterdam
@WebConferencesAmsterdam 4 жыл бұрын
Oh, they laughed! We just don’t have mics hanging over the audience :)
Joe Leech | UX, Psychology and your Product | UI Special, CSS Day 2019
45:41
Web Conferences Amsterdam
Рет қаралды 19 М.
Brad Frost: Is Atomic Design Dead? - Hatch Conference Berlin 2023
36:59
Hatch Conference
Рет қаралды 23 М.
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 19 МЛН
Doing This Instead Of Studying.. 😳
00:12
Jojo Sim
Рет қаралды 25 МЛН
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 27 МЛН
Steve Schoger | Refactoring UI | CSS Day 2019
44:13
Web Conferences Amsterdam
Рет қаралды 64 М.
“Atomic Design” by Brad Frost-An Event Apart Austin 2015
1:02:33
An Event Apart
Рет қаралды 56 М.
Stop, Intel’s Already Dead! - AMD Ryzen 9600X & 9700X Review
13:47
Linus Tech Tips
Рет қаралды 1,1 МЛН
Hakim El Hattab | Building Better Interfaces | UI Special, CSS Day 2019
47:29
Web Conferences Amsterdam
Рет қаралды 12 М.
Design Systems, when and how much? - Diana Mounter
21:42
Netlify
Рет қаралды 61 М.
Web Design Engineering With the New CSS | Matthias Ott | CSS Day 2024
51:14
Web Conferences Amsterdam
Рет қаралды 8 М.
20 System Design Concepts Explained in 10 Minutes
11:41
NeetCode
Рет қаралды 946 М.
Automation of Design Systems - Virtual Meetup 📼 Full Video
2:18:22
Into Design Systems
Рет қаралды 7 М.
The Story of Next.js
12:13
uidotdev
Рет қаралды 560 М.
low battery 🪫
0:10
dednahype
Рет қаралды 1,8 МЛН
Todos os modelos de smartphone
0:20
Spider Slack
Рет қаралды 66 МЛН
Частая ошибка геймеров? 😐 Dareu A710X
1:00
Вэйми
Рет қаралды 6 МЛН