Figma

Are you tired of creating web designs that feel cluttered and unorganized? Do you want to learn new techniques that can take your grid skills to the next level? Look no further than this video on advanced grid techniques! ... Remember to Subscribe https://goo.gl/6vCw64 In this video, I cover a variety of advanced grid techniques for web design, including responsive grids, 8-point grids, baseline grids, and more. By using these techniques, you can create web designs that not only look visually appealing, but also function efficiently. Whether you're just starting out in web design or are an experienced designer, this video has something to offer. ------------------------------------------------------------------------------------ 🤝 //////////// Get my new Intro to UI/UX design course: https://www.jesseshowalter.com/courses/intro-to-ui-ux 🏆 //////////// Join my members community to get access to perks: https://www.jesseshowalter.com/design-champs 📫 ////////// Sign up for my Monthly Newsletter www.jesseshowalter.com/newsletter Get the file used for this video, support the creator https://www.figma.com/community/file/908391866828928884 ------------------------------------------------------------------------------------ 🎨 ////////// I design in Figma https://psxid.figma.com/ixbomhqzoiy0 🖥️ ////////// I build websites with Webflow https://webflow.grsm.io/4495884 📅 ////////// I run my life with Notion https://affiliate.notion.so/tokendsfahjf 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252

This Figma Tutorial is a course for beginners in the UX/Figma world. Download the Free Exercise Files here: https://byol.com/FigMiniEx Watch the Adobe Figma Essentials Course: https://byol.com/FIGME Pre-register for the Figma Advanced Course: https://byol.com/figminiadvprepreg Watch the Adobe Illustrator Essentials Course: https://byol.com/FIGILLE Watch the Adobe Illustrator Advanced Course: https://byol.com/FIGILLA Watch the Adobe Photoshop Essentials Course: https://byol.com/FIGPSE Watch the Adobe Photoshop Advanced Course: https://byol.com/FIGPSA Buy Figma here: https://byol.com/BUYFIG Introduction to Figma tutorial: 0:00 What is UX Design?: 1:04 What is Figma's Role in UX Design: 4:02 The UX Design Brief in Figma: 6:35 Download Free Figma Exercise Files: 9:28 How to create a wireframe in Figma: 10:16 How to add text in Figma: 12:20 How to make a component in Figma: 14:18 How to make a placeholder image in Figma: 17:10 How to copy & paste appearance in Figma: 21:37 How to create a button in Figma: 22:52 How to make a UI card in Figma: 24:58 How to use Smart Selection in Figma: 29:03 How to make an input field in Figma: 31:53 How to use component Instances & Overrides in Figma: 33:36 How to paste in place in Figma: 37:41 How to use Adobe Illustrator with Adobe Figma: 38:50 How to add to an existing component Figma: 42:33 How to prototype in Adobe Figma: 44:41 How to share a Prototype in Figma: 50:11 How to use Photoshop with Figma: 54:07 What is High Fidelity Mockup in Figma: 59:38 How to add colors in Adobe Figma: 1:00:12 How to find Google fonts in Figma: 1:06:06 How to make a Micro Interaction in Figma: 1:08:05 How to export images and code from Figma: 1:14:16 Outro: 1:20:06 Join the Bring Your Own Laptop Facebook Group: https://www.facebook.com/groups/bringyourownlaptop Follow me on Instagram: https://www.instagram.com/bringyourownlaptop/ Follow me on TikTok: https://www.byol.com/tiktok/ Follow me on Twitter: https://twitter.com/danlovesadobe Join the LinkedIn Group: https://www.linkedin.com/groups/10539178/ Follow me on TikTok: https://byol.com/tiktok

Create beautiful light effect in Figma Reference: @uiuxadrian Music by Magnetic_Trailer from Pixabay Follow Me on Instagram! https://instagram.com/lets_ui Follow Me on Behance! https://www.behance.net/Jonathan_dickson Follow Me on Twitter https://twitter.com/jon__Dickson #figmatips #figma #LightEffectInFigma

Welcome To Dev And Design. As The Demand For User Interface Designers Keeps Increasing In The World Of Technology, We at Dev And Design Decided To Come Up With This Course To Help Beginners Get Started On Their Journey To Becoming A User Interface Designer. In This 10 Hour Course We Covered Everything You Need To Know To Get Started With Figma For UI(User Interface) Design This Course Is A Beginner Friendly Course And You Do Not Require Any Pre-Requisite Knowledge In Design To Get Started With This Course. Donate To Support Instructor : https://www.patreon.com/devanddesign Follow Instructor On : Twitter : @joe_brendan_ Instagram : @joseph_brendan_ Course Outline : 00:00:00 - Introduction 00:00:47 - Creating A Figma Account 00:02:24 - Creating & Naming A Figma Design File 00:04:39 - Creating Shapes In Figma 00:07:08 - Selection In Figma 00:11:54 - Editing Shapes In Figma 00:36:06 - Introduction To Typography In Figma 01:01:33 - Design Tree In Figma 01:06:35 - First Design Task 01:20:36 - Colors In Figma 01:44:14 - Drawing Tools In Figma 01:49:12 - Margin And Padding In UI UX Design 01:56:00 - Figma Auto Layout 02:13:40 - Formatting Principles In Figma 02:34:40 - Figma Constraints And Resizing 02:51:19 - Website Design in Figma 02:56:00 - Jakob's Principle Of Design 03:00:33 - Introduction to Styles and components 03:25:37 - Figma Component Variants 03:36:26 - Layout Design & Configuration For Websites in Figma 03:40:15 - Layout Grids In Figma 04:01:30 - Introduction To Responsive Design 04:07:40 - Material Design Guide 06:26:32 - Introduction To Tailwind UI 06:28:32 - Tailwind UI Design Project 07:25:53 - Responsive Landing Page Design Project 08:46:02 - Designing Mobile Apps 08:56:55 - Iconography In Figma 09:02:40 - Boolean Groups 09:10:00 - Figma Tokens 09:18:37 - Animation In Figma With Figmotion 09:36:37 - Mobile Design Project