Frames and Divs by Raymond Asogwa
Frames and Divs by Raymond Asogwa
  • 10
  • 1 075
[LIVE] Design System Masterclass W7 - MUI Dialog
In today's masterclass, I will walk you through how to build a design system component in Figma.
The goal is to create a fully functional, reusable, and customizable dialog component that adheres to MUI design standards, supports various use cases, and is ready for integration into projects or design systems.
Resource mentioned in the video:
mui.com/
www.figma.com/community/file/912837788133317724
Learn more about me:
raymonda.xyz/
www.linkedin.com/in/asogwa-raymond/
มุมมอง: 25

วีดีโอ

Getting started with Design Systems in Figma - Live
มุมมอง 102หลายเดือนก่อน
👋 Welcome to your ultimate guide on using the Shadcn design system in Figma-Part 1! Learn how to create consistent, beautiful user interfaces with ease. Whether you're a designer or developer, this tutorial has everything you need to get started. 🌟 What You'll Learn: ✅ Setting up the UI Kit: Quickly get started with the Shadcn design system in Figma. ✅ Customizing Colors & Typography: Tailor th...
How to build a Product UI with Chakra UI design system
มุมมอง 96หลายเดือนก่อน
In this design system episode, we explored how to build a product UI in Figma using a design system, with the Chakra UI design system as a case study.
Accessing Design System for your projects
มุมมอง 55หลายเดือนก่อน
In this design system episode, we explored how to access the suitability of a design system for your project using Chakra UI design system as a case study.
How to Use a Design System in code - Design system masterclass pt2
มุมมอง 812 หลายเดือนก่อน
How to Use a Design System in code - Design system masterclass pt2
Design System Masterclass
มุมมอง 242 หลายเดือนก่อน
An introductory live session on using design systems to build efficiently
Interactive Dropdown in Figma with Variables
มุมมอง 488ปีที่แล้ว
For topic requests, feedbacks, and mentorship inquiries, visit fdivs.com/ Link to figma file: www.figma.com/community/file/1286014270581758698/interactive-dropdown-with-variables In this comprehensive tutorial , you will learn how to create an interactive dropdown using figma components and the new figma variables. Don't forget to subscribe and hit the notification bell to stay updated on our l...
Layer Naming Conventions: The Key to a Productive Design Collaboration
มุมมอง 61ปีที่แล้ว
For topic requests, feedbacks, and mentorship inquiries, visit fdivs.com/ In this episode, you will learn four common naming patterns in web development, understand best practices for choosing a naming convention, and learn how to make your design more readable and consumable. Don't forget to subscribe and hit the notification bell to stay updated on our latest videos.
CSS for Designers Ep. 1" - CSS Classes for Seamless Design-Dev Collaboration
มุมมอง 89ปีที่แล้ว
For topic requests, feedbacks, and mentorship inquiries, visit fdivs.com/ Welcome to the first episode of 'CSS for Designers,' where we delve into the vital connection between design and development. In this Episode, you will: 🌐 Explore the synergy between design and development. 💡 Learn the essentials of CSS classes and HTML structure. 📐 Learn how designs are seamlessly translated into code wi...
Introduction to Frames and Divs
มุมมอง 60ปีที่แล้ว
Note: If you have topic requests or inquiries, please visit lwr.xyz/ and fill out the form. Welcome to Frames and Divs! 🎉 Thank you for joining me on this exciting journey. I am thrilled to share insights, tips, and practical advice to support your success. Whether you're a designer, developer, or any other product professional, this channel is your destination for inspiration and growth. Here ...