- 66
- 210 882
Pixellink
Приєднався 12 лис 2022
My mission is to improve and implement high-quality holistic user-centred design systems to empower and enable people to make better experiences that solve problems.
At its core, holistic-user-centred design systems are here to solve problems for everyone that is part of the experience, from business, employees, the end user and anyone else the product touches. From the big picture to the micro experiences in the moment, I seek to improve people's life experiences, trying to make a better world for everyone.
At its core, holistic-user-centred design systems are here to solve problems for everyone that is part of the experience, from business, employees, the end user and anyone else the product touches. From the big picture to the micro experiences in the moment, I seek to improve people's life experiences, trying to make a better world for everyone.
5 Tips to Speed Up Finding Assets in Your Design System
Description:
Hey Design Thinkers! 👋 Matthew Sear here, and today I’m sharing 5 essential tips to speed up asset searches in your design system. Whether you’re a pro in Figma or exploring design system organization, these strategies will streamline how you find icons, components, and everything in between. By the end of this video, you’ll be equipped to navigate your design system with ease, making your workflow faster and more efficient! 🚀
In this video, we’ll cover:
Using Keywords for Faster Searches: Discover how adding keywords to components helps you find assets quickly.
Icon & Component Organization: Learn effective naming conventions and layouts to improve visibility.
Grouping & Sectioning for Complex Assets: Structure your assets into groups and sections to make them easier to locate.
Emojis for Quick Identification: Use emojis to mark workflow stages, so you can see asset statuses at a glance.
Page & Component Grouping Techniques: Organize your pages with smart labels, dividers, and suffixes to simplify navigation.
Using these tips, you’ll save time in Figma and optimize your design system for better collaboration and productivity! ✨
Timestamps
0:00 Introduction to Finding Design Assets Faster
0:40 Tip #1: Using Keywords for Better Search Results
7:02 Tip #2: Organizing Icons Efficiently
10:52 Tip #3: Grouping & Sectioning Complex Assets
14:29 Tip #4: Using Emojis for Quick Identification
17:01 Tip #5: Effective Page and Component Grouping
20:24 Conclusion and Final Thoughts
Project: www.figma.com/community/file/1434796790218382129/searching-tips-and-tricks
Hey Design Thinkers! 👋 Matthew Sear here, and today I’m sharing 5 essential tips to speed up asset searches in your design system. Whether you’re a pro in Figma or exploring design system organization, these strategies will streamline how you find icons, components, and everything in between. By the end of this video, you’ll be equipped to navigate your design system with ease, making your workflow faster and more efficient! 🚀
In this video, we’ll cover:
Using Keywords for Faster Searches: Discover how adding keywords to components helps you find assets quickly.
Icon & Component Organization: Learn effective naming conventions and layouts to improve visibility.
Grouping & Sectioning for Complex Assets: Structure your assets into groups and sections to make them easier to locate.
Emojis for Quick Identification: Use emojis to mark workflow stages, so you can see asset statuses at a glance.
Page & Component Grouping Techniques: Organize your pages with smart labels, dividers, and suffixes to simplify navigation.
Using these tips, you’ll save time in Figma and optimize your design system for better collaboration and productivity! ✨
Timestamps
0:00 Introduction to Finding Design Assets Faster
0:40 Tip #1: Using Keywords for Better Search Results
7:02 Tip #2: Organizing Icons Efficiently
10:52 Tip #3: Grouping & Sectioning Complex Assets
14:29 Tip #4: Using Emojis for Quick Identification
17:01 Tip #5: Effective Page and Component Grouping
20:24 Conclusion and Final Thoughts
Project: www.figma.com/community/file/1434796790218382129/searching-tips-and-tricks
Переглядів: 318
Відео
Figma Secrets: Unlock the Power of Styles
Переглядів 2703 місяці тому
In this video, we unlock the hidden power of Figma styles by creating dynamic tileable and animated textures. I’ll guide you through designing a simple tileable dot pattern and turning it into a reusable style perfect for any project. Then, we’ll kick things up a notch by crafting an animated scan line effect using a Figma plugin. By the end, you’ll learn how to export these animations and seam...
Design System for Beginners Part 3 - Creating Font Collections in Figma
Переглядів 3453 місяці тому
Hello, Design Thinkers! I'm Matthew Sear, and welcome to part three of our "Design Systems for Beginners" series. Today, we’re diving back into Figma to build out the basic font set for our design system. We’ll start from scratch, creating a simple yet effective font collection with styles and variables to make your designs more cohesive and flexible. I’ll guide you step-by-step as we set up fo...
Design System For Beginners Part 2 - Size and Scale Collections in Figma
Переглядів 2643 місяці тому
Hey Design Thinkers, I’m Matthew Sear, and welcome back to part two of our Figma design system series. Today, we’ll continue building our design system from scratch by setting up a basic size collection, aligning it with padding, rounding, and font sizes. We’ll start by creating a collection of size variables, then scale them up for different devices-mobile, tablet, and desktop. If you're ready...
Design system for beginners part 1 - Colors in Figma
Переглядів 6063 місяці тому
Hi Design Thinkers, I’m Matthew Sear, and today we’re diving into Figma to build a foundational design system from scratch. We’ll start by creating a versatile color palette, the core of any design system. Using a quick plugin, I’ll show you how to set up both dark and light modes, incorporating grayscale and primary colors. We’ll explore efficient methods to set up color gradients and dive int...
Super Icon Component Tutorial: Dynamic Icon Design in Figma
Переглядів 4,1 тис.6 місяців тому
Welcome back, Design Thinkers! I'm Matthew Sear and today, we're diving into Figma to create a super versatile icon component. Our icon will dynamically switch between a line icon, a fill icon, and a combo icon, all within a single component. In this tutorial, you’ll learn how to: Please set up a dynamic icon that adjusts line thickness as it scales up in size. Adapt icons seamlessly across dif...
Super Component Advanced Figma Components Scalable & Dynamic Designs
Переглядів 14 тис.6 місяців тому
Design Thinkers, my name is Matthew Sear, and today we're diving into Figma to master the art of building advanced, scalable components! 🚀 In this video, you'll learn how to use variables, components, and styles to create powerful, scalable designs. We'll explore layering variable colours inside styles and setting up scaling frames with different shapes. By the end, you'll know how to build an ...
Figma Mode Switching Explained: Managing multiple user access views in one screen prototype
Переглядів 10 тис.7 місяців тому
Welcome, Design Thinkers! I'm Matthew Sear and today; we're diving into Figma's latest prototyping feature: Mode Switching. This powerful tool lets us toggle between different views, such as a business owner and a staff member, all within a single screen. We'll explore how to use Figma's variables and modes to adapt and refine our prototypes effortlessly. In this tutorial, you'll learn: - How d...
Pixellink Variable Toolkit in Figma
Переглядів 17 тис.7 місяців тому
Pixellink Variable Toolkit in Figma
Figma's Prototype Mode Switching in 5 minutes
Переглядів 1,6 тис.7 місяців тому
Figma's Prototype Mode Switching in 5 minutes
Three crazy ways to use fonts in Figma
Переглядів 3,1 тис.7 місяців тому
Three crazy ways to use fonts in Figma
I'm Sorry, I brock Figma's typography
Переглядів 4557 місяців тому
I'm Sorry, I brock Figma's typography
Typography Scaling System in Figma Tutorial
Переглядів 1,3 тис.7 місяців тому
Typography Scaling System in Figma Tutorial
Building a Swipeable Clock Prototype in Figma
Переглядів 2728 місяців тому
Building a Swipeable Clock Prototype in Figma
Mastering Colour Tokens in Figma Part 2
Переглядів 22 тис.8 місяців тому
Mastering Colour Tokens in Figma Part 2
Mastering Colour Tokens in Figma: From Beginner to Advanced
Переглядів 41 тис.8 місяців тому
Mastering Colour Tokens in Figma: From Beginner to Advanced
Figma Copy Simplified: Master Variables for Speedy Design!
Переглядів 85310 місяців тому
Figma Copy Simplified: Master Variables for Speedy Design!
Figma's Variable Layering Simplified Step by Step Guide
Переглядів 1,9 тис.11 місяців тому
Figma's Variable Layering Simplified Step by Step Guide
Mastering Figma's New Shadow Effects with Variables
Переглядів 7 тис.Рік тому
Mastering Figma's New Shadow Effects with Variables
Scaling icons with variables in Figma tutorial
Переглядів 4,8 тис.Рік тому
Scaling icons with variables in Figma tutorial
Designing Game UI in Figma: Dynamic responsive layouts
Переглядів 2,3 тис.Рік тому
Designing Game UI in Figma: Dynamic responsive layouts
Rounding variables inside of Figma tutorial
Переглядів 666Рік тому
Rounding variables inside of Figma tutorial
Figma Tutorial: Dynamic sizing and spacing Part 1
Переглядів 3,8 тис.Рік тому
Figma Tutorial: Dynamic sizing and spacing Part 1
Dynamic Mode Switching in Figma Prototypes with Variables
Переглядів 6 тис.Рік тому
Dynamic Mode Switching in Figma Prototypes with Variables
Figma tutorial advanced colour tokens using variables
Переглядів 10 тис.Рік тому
Figma tutorial advanced colour tokens using variables
Building Interactive Maps in Figma with Variable's
Переглядів 6 тис.Рік тому
Building Interactive Maps in Figma with Variable's
Building a game in Figma with variables
Переглядів 1,4 тис.Рік тому
Building a game in Figma with variables