Never sweat about pixels again, Design System at Scale | Qubole - Arnob Mukherjee
Talk by Arnob Mukherjee Topic: Never sweat on Pixels again (Design System at Scale by Qubole ) About the speaker: Arnob is a Product Designer at Qubole and a developer himself he has been designing, managing and governing the design system at Qubole. He is also the creator of https://culrs.com/
Jina Bolton - Designing a Design System
Product Design for web and mobile is evolving at a fast pace. As the range of devices and platforms continues to expand, so do the various design considerations. Design systems help a design team build a framework that meets their needs by bringing together all of the critical design components - including style guides, pattern and UI libraries, CSS frameworks and other resources. In this session, Jina, a Lead Designer on the Design Systems team at Salesforce UX, will share: * Strategies for how to approach, design and build an effective design system * How to successfully maintain the system to ensure ongoing usefulness * Elements that design systems need to be sustainable that are critical for success
Atomic Design - How To Make Web and UI Design Easier
What is Atomic Design? What are design systems? How can you speed up your web design process? Ever set out on a website or interface design project and wind up buried under hundreds of screens? Do your prototypes grow out of control and overwhelm your clients? Want to know how to get a website or project approved without designing every. single. screen? Ben Burns (@mrbenburns) has the answer you've been looking for. Special thanks to Framer X for sponsoring this video! Start your design system in Framer X today: http://bit.ly/FramerXDesignSystems 'Design Systems for the Future’ is a collection contributed by designers working on teams at Slack, Dropbox and Facebook, all curated by the team at Framer: http://bit.ly/DesignSystemsHub In the past few years, we've seen tremendous improvement in screen/interface design tools. Designing for screens has never been easier. With this change, we've seen our prototypes grow to be extremely unwieldy - 50, 100, 150 pages that are designed, usually by multiple designers, sometimes across different countries. We spent a lot of time establishing standards, and quality checking everybody's work. This significantly drained the creative director's and art director's time. There HAD to be a better way. Enter: Atomic Design. Atomic Design is a series of visual building blocks that start out very basic and become more complex as you move up the food chain. These visual building blocks are organized by complexity into different buckets: Atoms, Molecules, Organisms, Templates, and Pages. Each element type builds upon the previous in order to create fully fleshed out digital products. I remember first hearing about all this, and I have to say it was all a little confusing. If you're like me, you might want to watch this video a few times - no shame here. But many of you are probably like, whoa, wait, how do I even start this? It's pretty simple. As long as you remember one thing: Atomic design isn't meant to be linear! This means we don't expect you to start creating atoms right away. How boring would that be? Making button... after button... after button... Instead, we start by designing a page or two. Or three. And we do a few variations of pages. Sometimes we'll explore 10-20 ways to design something as simple as a home page or a product page. Once we're finished with the page design... or designs... we look for patterns. After identifying these patterns, we start extracting the elements, standardizing them, and adding each element to its own library as a reusable component. 👉Subscribe: https://goo.gl/F2AEbk We love getting your letters. Send it here: The Futur c/o Chris Do 1702 Olympic Blvd. Santa Monica, CA 90404 USA Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here: https://goo.gl/bRt5qd — Love the content? Become a sustaining member for $5/mo today. https://goo.gl/nwekfL BOOKLIST – Essential Reading for Creative Professionals: https://bit.ly/biz-booklist Essential Design Books: https://bit.ly/futur-design-books Kits & Proposals: https://goo.gl/mSjuWQ Visit our website: https://www.thefutur.com FREE resources: https://goo.gl/Qh6gHr Mandarin (Chinese) Subtitles on UiiUii https://uiiiuiii.com/?s=the+futur — AFFILIATE LINKS* 🙏 Support The Futur by purchasing through our affiliate links: Amazon: http://bit.ly/thefuturishere Webflow: http://bit.ly/2EbET9l Retro Supply Co.: http://bit.ly/2GW8gzR Creative Market: https://goo.gl/g4jlTE Design Cuts: http://bit.ly/2GSsAR3 ✍️ Sharpen your skills by taking a course, using our affiliate links: Skillshare: https://goo.gl/YCo2uT School of Motion: http://bit.ly/futur-som Bring Your Own Laptop Tutorials: https://byol.me/thefutur 🎧 Do you like the music? Check out the music libraries we use in our affiliate links below: Epidemic Sound: https://bit.ly/2T647tR Musicbed: http://bit.ly/futurmb Artlist: http://bit.ly/2uWdna7 — Futur Podcast on iTunes: 🎙 https://itunes.apple.com/us/podcast/the-futur/id1209219220?mt=2 — Host– Ben Burns Cinematography– Aaron Szekely, Mark Contreras, Ricky Lucas Live Editor– Jona Garcia Editor– Stewart Schuster, Mark Contreras, Aaron Szekely Futur Theme Music – Adam Sanborne http://www.adamsanborne.com Typefaces: Futura, Din, Helvetica Neue Futur theme song— Adam Sanborne === *By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.
Brad Frost | The Technical Side of Design Systems | UI Special, CSS Day 2019
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: http://bradfrost.com/blog/post/the-technical-side-of-design-systems-at-css-day-in-amsterdam/ About Brad: http://bradfrost.com Get his book, Atomic Design: http://atomicdesign.bradfrost.com Follow Brad: https://twitter.com/brad_frost More about CSS Day: https://cssday.nl or https://twitter.com/cssdayconf Receive conference announcements in your inbox: https://cssday.nl/subscribe
Design Systems with Soul | Product Designer at Google | Reed Enger
Reed Enger is a Product Designer at Google creating meaningful design systems and teaching machines to feel. He's also a historian and the founder of Trivium Art History, an arts & humanities platform designed for discover. At Awwwards Conference New York, Reed shared his experience evolving a design system at Google, creating a system to rewrite history and share how design systems can be used to create meaningful experiences, tell stories, and embrace constant change.
The Future of Design Systems | Hayley Hughes | Airbnb | Awwwards Conf San Fran
Hayley Hughes is an Experience Designer at Airbnb, working on the Airbnb Design Language System (DLS), in this talk she explains how its not just product UI design that needs our attention, how design systems can help businesses become more efficient, resourceful environments as well as help designers create a better user experience. From Awwwards Conference San Francisco.
Introducing Design Systems Into Chaos - Diana Mounter, GitHub
In this talk, Diana Mounter, Design Systems Lead at GitHub shares practical examples on where to begin to set up a design system, what to prioritize, and how to make a big impact to customers and colleagues, to help you introduce systems that bring order to chaos. See more talks on www.rethinkhq.com
Thinking in Symbols for Universal Design - Benjamin Wilkins, Airbnb
In this talk, Benjamin Wilkins, Design Technologist at Airbnb touches on the internationalization and localization of design elements, and how might we design with consistency for multiple interface targets like Android, iOS, Virtual Reality, or even Natural Language interfaces. Join our events in SF or see more talks on www.rethinkhq.com
DesignTalk Ep. 65: Design systems—Zero to one
Find more episodes at http://bit.ly/2y1YG7Z --- As companies grow and scale, they’re beginning to look at design systems as a way to work faster while ensuring consistent and unified UX. In this DesignTalk, Paul Farino discusses the lifecycle and iterative nature of building a design system. He’ll cover creating buy-in with internal stakeholders and tactical ways to scale and maintain a design system. --- InVision is the world’s leading product design collaboration platform, trusted by more than 1.5 million designers at companies like Uber, Netflix and Twitter. InVision empowers teams of all sizes to prototype, review, iterate, manage and test web and mobile apps—all without a single line of code. Get InVision free forever: http://invs.io/1QOCxZq --- See who else uses InVision: http://invs.io/1QOD5P3 Stay up to date on the latest trends in product design: http://invs.io/1QOD91g Follow InVision on Twitter: http://twitter.com/InVisionApp/