Into Design Systems Weekly 💥 - Issue #3
Hey there, here are my weekly favorites from the #DesignSystem🪐space:
Creating a Table variant for our UI Kit in Figma (Case Study) | by Carol Chan | Build Galvanize | Medium — medium.com Our team has been working through a list of Jira tickets to convert some components into variants and, admittedly, we left the hardest ones for last. A particularly challenging set are our ❖DataTable…
Recording: Building token-based Design Systems in Figma (Workshop) - Black Friday Deal: 25% off — intodesignsystems.gumroad.com Access to recording: Hands-on workshop with Jan Six, Sr. Product Designer at GitHubEvent date: Oct 2nd, 2021 4 pm - 8 pm CETDuration: 3:20 hoursHands-on workshop designing token-based design systems in Figma utilizing the plugin "Figma Tokens".What you will create during this workshop:We'll create tokens for spacing, border radii, typography and color choices that drive our design system's foundations and components. By using the plugin we'll be able to store our tokens on a single source of truth, enabling designers and developers to both access the same design tokens.Workshop facilitator:Jan Six, Sr. Product Designer at GitHubWhat's inside - Preview:Video snippet from previous event:
Designing accessible web components for Babylon Health | by Jack Roles | Oct, 2021 | Medium — jackroles.medium.com The existing web components were based on designs from our iOS app. With no dedicated design resource, the engineering team attempted to align the design between the different platforms. More…
Why you should use Frames, not Groups, in Figma — www.uiprep.com Learn the difference between frames and groups, and what makes frames so much more powerful.
Here is how UX Design Integrates with Agile and Scrum — jeffgothelf.com (Part 2 of this post can be found here.) Despite having co-written an award-winning book on the topic and lecturing, teaching and coaching on the topic for nearly 10 years now, I still get many questions — mostly from product managers, executive leaders, and technical managers — on how to integrate UX and Design into the scrum process. It’s … Continue reading Here is how UX Design Integrates with Agile and Scrum
Open-source-Figma-plugins: Fast Variants Properties - GitHub — github.com FigmaOp is a project dedicated to creating simple but effective tools to help with the day-to-day tasks of designers and developers. one of the main goals of this project is to allow junior developers to give back to the community by building small-scale applications with open source in mind; the best way to learn is to build and what is better than making something that people can actually use?! - FigmaOP-open-source-Figma-plugins/Fast Variants Properties at main · TalmSnir/FigmaOP-open-source-Figma-plugins
Figma - Icons Toolbox — www.figma.com For more plugins and gifs with usage examples: FigmaOP - open source Figma plugins-> Support My Work on Figma Plugins-> Set of tools to save you from redoing the same thing over and over again while designing or using your favorite icons. Tools: Save frame sizes and icons max-width pref...
Design Systems Hackathon - Online — www.dshackathon.de Let's meet to learn, hack and build plugins & tools for Design Systems.
Three Phases of Life for Design Systems | Daniel Eden, Designer — daneden.me Design systems can be an intimidating undertaking: how can we create something that is robust and supports so many different needs? I’m here to tell you that the path you’re on is years long, but well worth it. Broadly speaking, your design system will undergo three phases of life: reflection, anticipation, and influence.
Coining the “Shell” Component. A new way to build your design system… | by R. B. Webster | Nov, 2021 | Prototypr — blog.prototypr.io By this point we are all pretty familiar with the purposes, strengths and weaknesses of a design system (and I’m not here to advocate for building them in one way or another right now). We’ve had…
Figma - Node››frame | How many times have you created a rectangle, ellipse or image and styled it, only to realise that... — www.figma.com How many times have you created a rectangle, ellipse or image and styled it, only to realise that you need it to be the frame background instead because Auto-Layout ruins everything? Well, with Shape››frame, you can simply run the Shape to Frame plugin command from the Figma menu to immediately ...
The tortuous journey of enhancing our color palette — medium.com Colors are always a tricky topic to address for many reasons. First, it’s a key pillar of a brand’s identity and has a clear impact on the perception of the brand by both the user and employees, and…