Figma grids

Figma grids смотреть последние обновления за сегодня на .

Figma Tutorial: Layout Grids

408463
2264
39
00:02:45
20.03.2018

Figma is free to use. Sign up here: 🤍 In this video we'll discuss the various types of Layout Grids you can use in Figma when working on responsive designs. If you have questions along the way head over to our user forum (🤍 and connect with other Figma users. 0:00 - What are layout grids 0:24 - How to add layout grids 0:38 - How to adjust grid settings 0:55 - Adding multiple grids to frames 1:10 - Adjusting gutter and margin properties 1:31 - Changing layout grid settings #Figma #FigmaDesign #FigmaTutorial #LayoutGrid #Grid #Autolayout

Figma Tutorial: Setup a Responsive Grid Layout for UI & Web Design (IN 11 MINUTES)

249605
11615
562
00:11:10
22.12.2020

My Ultimate Figma Design Masterclass (2,500+ students. 90+ Videos. 10+ hours.) 👉 🤍 Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉 🤍 Outline - Figma Wireframe Kit (350+ components and variants) 👉 🤍 Sign up to my newsletter for exclusive content: 👉 🤍 Follow me on IG (Daily updates): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍

Effectively Use Column & Row Grids in UI Design (Figma)

22557
823
60
00:14:34
23.11.2021

🤍 - Become a frontend developer (50% off limited time!) Want to learn UI/UX? 🤍​​​​​​​​​ Today, I'm going to show you an approach for creating layouts with consistent spacing/white space. I will specifically show you how to use row based grids in Figma to ensure equal white space between various elements and sections in your UI designs. 0:00 - Introduction 0:57 - An Awesome Offer 1:34 - Setting up a Column Grid 2:20 - Setting up a Row Grid 4:19 - Navbar Layout 5:25 - Headline & Subheadline 8:58 - Testimonials Section 11:20 - Another Section 13:53 - Final Thoughts Let's get started! #uiux #grids #figma - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: 🤍 My personal FB account: 🤍 Coursetro FB: 🤍 Coursetro's Twitter: 🤍 Join my Discord! 🤍 ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

Utilizing Constraints & Layout Grids

16344
574
25
00:02:15
01.09.2021

Learn how to utilize constraints and layout grids to build responsive designs. Access the community file for the video here: 🤍 #Figma

Figma Tips ⚡ - Layout grids as guides - Part 1/2

3337
64
3
00:11:11
22.12.2021

Learn to setup layout grids as guides for your design Part 2: 🤍 Understand frame constraints and create padding guides using layout grids Time Stamps ⏱️ 00:00 Introduction 00:11 Why work with a grid? 00:46 Setting up your layout grid 06:26 Multiple layout grids 07:08 Layout grid styles 08:55 Visibility of layout grids 10:53 Like, comment, subscribe fam Got a question about figma, or the UX/UI industry? Any suggestions for topics you would like me to cover? Leave a comment below. Support my work at: 🤍 #ui #userinterface #figma

Figma Tutorial - How to Setup Layout Grids for Website

72841
1515
92
00:05:41
13.07.2020

Download Grid Figma: 🤍 Do you know how to set up the website grid in Figma? Whether it's bootstrap or other types of a grid? In today video, I am gonna talk about how you can set up any type of grid system or grid layout into Figma! DESIGN COURSE ↓↓↓ Design masterclass: 🤍 UI KIT & PRODUCTS: ↓↓↓ Figma Grid Layout: 🤍 Project Folder Structure: 🤍 Coming Soon Minimal Template: 🤍 More products: 🤍 TOOLS & GEAR ↓↓↓ 🎥 My YouTube Gear & Setups: 🤍 🖥 My Monitor: 🤍 💻 My MacBook: 🤍 MY FAVOURITE DESIGN BOOKS ↓↓↓ 🤍 CHAPTERS ↓↓↓ 00:00 - Intro 00:25 - Examples 01:53 ​- Grid ABOUT ME I'm Faizur, a Creative designer and content creator. I am also known as a UX/UI designer. Here, I make videos about design, freelancing, and productivity that help us become the valuable designer and more productive. ALSO... Every day I share my design process and tips on Instagram. (🤍 ▶️BE MY BEST FRIEND ↓↓↓ 📸 My Instagram: 🤍 🌐 My website: 🤍 👓 My Blog: 🤍 Hashtags: #figma #webdesign #websitedesign - Disclosures: This video may contain Amazon affiliate links. As an Amazon Associate, I earn from qualifying purchases, at NO cost to you. This helps me grow the YouTube channel. I appreciate your help

How to use the Grid vs No Grid in Figma with Practical Examples

2075
91
23
00:17:44
26.08.2021

How to use the Grid vs No Grid in Figma with Practical Examples. Dashboard design with auto layout 🤍 If you are a beginner, developer or designer who wants to improve their design, the best thing is to practise daily, weekly, share it and get feedback. Some other videos you will find useful if you are a beginner, developer, startup How to design a website in Figma 🤍 How to build an easy small design system in Figma 🤍 Website: 🤍 👋 SOCIALS: Instagram: 🤍 Dribbble: 🤍 Twitter: 🤍 #Figma #Awwesome #RoyQuilor

Figma lesson 2 - Intermediate Figma (Grids, Auto Layout, Accessibility, and Responsive Components)

7613
262
20
00:24:06
07.03.2021

Today we are going to talk about the some intermediate level Figma features such as setting up your grids, Auto Layout, creating responsive component, and some accessibility tips for your UI. 0:00​ Intro 1:03 Grids 8:06 Auto Layout 15:10 Accessibility - contrast ratios 17:53 Responsive components and Constraints Learn more at 🤍 Instagram - 🤍 Twitter - 🤍 Facebook - 🤍 Buy me a coffee - 🤍

How to Calculate Responsive Grid Layouts (STEP BY STEP!!)

21277
916
56
00:09:01
18.10.2021

My Ultimate Figma Design Masterclass (1,800+ students. 90+ Videos. 10+ hours.) 👉 🤍 Shipfaster UI - Advanced Figma Design System (1,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉🤍 Sign up to my newsletter for exclusive content: 🤍 Follow me on IG (Daily updates): 🤍 = 🔗 Links Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍 Level up with all my design courses and resources: 🤍

How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial)

44474
1335
102
00:08:13
30.06.2020

Learn design, Figma, or review your portfolio with me: 🤍 My newsletter: 🤍 Subscribe for a lot more design videos, streams, and tutorials! Using an 8pt grid in product design is probably the best tip I can give someone new to design or that doesn't use them yet. It's been the most helpful for me in making my design work better and more consistent overall and has helped me build design systems as well. It's very easy to do in both Sketch and Figma (you can set your nudge amount to 8 instead of 10 in settings) and takes the guesswork out of making designs consistent and better visually. Blog article with 8pt grid references: 🤍 💿 Lofi Beats to Create, Design, and Code to (Royalty Free): 🤍 🙏 SUPPORT ME ON PATREON Get early access to videos, participate in Q&As, get my unreleased music and Figma source files, and exclusive updates on Patreon! 🤍 🎧 MUSIC Background music by Cordio (me!): 🤍 Looking for a record label? Try DistroKid: 🤍 Access millions of samples on Splice: 🤍 ☕ PROJECTS Buy my iOS 14 icon set at 🤍 Learn about Taste Notes, a coffee tracking app at 🤍 💻 SETUP Interested in my setup? Everything I use is here: 🤍 📹 RELATED VIDEOS How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial): 🤍 How to Make Resizable Buttons with Auto Layout in Figma for Product Design (Tutorial): 🤍 How I Got Into Product Design and My Career: 🤍 👋 SOCIALS Twitter: 🤍 Instagram: 🤍 Dribbble: 🤍 Website: 🤍 Contact: hi🤍cortes.us

Left Nav Bar UI Design: Setting Up Your Grid Layout in Figma

37422
1066
67
00:10:55
05.06.2020

In this video, I demonstrate how to set up your design file when working with an interface with a vertical, left navigation bar. More on the 8pt. grid: 🤍 Email: jpdesignacademy🤍gmail.com

Baseline Grids with Auto Layout

24568
977
5
00:02:15
19.02.2021

In this Figma Tip, learn to set up a 4px baseline grid using layout grids, and how to set offset values to your text blocks using auto layout to account for fonts' different baselines and keep a consistent vertical rhythm in your designs. #Figma #FigmaTips #Autolayout #Grid

Grid Systems in Web & UI Design

68733
2500
73
00:04:32
21.12.2020

In Web Design, grid systems are invisible structures that collect all the elements together. A structure made up of a series of columns, gutters, and margins used to structure content. Let's dive into the basics of grid systems in web and UI design. Remember to Subscribe 🤍 Join this channel to get access to perks: 🤍 0:00 - Intro 0:31 - What is a Grid System? 0:52 - How do we use a Grid System? 1:16 - Basic Terms 1:20 - Columns 1:30 - Gutters 1:41 - Margins 2:10 - 12 Column Grid 3:05 - Breaking the Rules Great Examples of using and breaking the grid 🤍 🤍 🤍 ////////// Connect with me here 👍🏼 Instagram: 🤍 Twitter: 🤍 ////////// Sign up for my Monthly Newsletter 📫 🤍 ////////// Elevate your videos with record-label quality music from Musicbed👇🏼 🤍 ////////// Equipment 📸 🤍

Como fazer grid em colunas responsivo no Figma!

684
48
5
00:10:31
21.03.2022

Fala Galera! Para ser um bom designer de produto você deve ter um grid layout que se encaixe no seu grid, neste video vou ensinar como fazer grid em colunas responsivo no Figma. Vou Mostar alguns estilos e formas diferentes para acabar de vez por todas com suas dúvidas. Como prometido aqui vão alguns links de design guidelines para você se basear na hora de criar o seu grid: 🤍 🤍 🤍 - Fale comigo; - Instagram: 🤍 Twitter: 🤍 🤍

Design a ios mobile app with grid setting in Figma

777
24
10
00:12:25
31.03.2022

Learn how to design a furniture brand ios app ui design with wireframe and with iOS 4 pixel grid in figma. Images : architect website music : upbeat music Please Follow, Subscribe & Support our channel: You Tube : 🤍 Instagram : 🤍 Reddit : 🤍 Facebook : 🤍 Our Blog : 🤍 Buy me Coffee : 🤍 #learnFigma, #Figmadesign, #iosgrid #appdesign #uidesign

How to Design Complex Components in Figma | Card UI with Layout Grids

55873
1144
118
00:43:46
18.01.2019

Learn how to design complex components in Figma with layouts grids, subcomponent variations, theming, and instance swapping, ready for a robust design system. With the introduction of Auto Layout, making complex components in Figma is even easier now. I've created an updated how-to that covers the latest process: 🤍 Using Frames and Layout Constraints as covered in this video still works great, and is an important skill in Figma for certain situations where Auto Layout can't quite achieve the desired effect, but Auto Layout brings a new, powerful way to handle flexible containers that unlocks even more possibilities. Article mentioned in video: Creating Atomic components in Figma by littleBits: 🤍 Other Build UX How-Tos: 🤍 View the Figma file for this how-to: 🤍 Check out the How To Design Flexible Button Components in Figma video tutorial: 🤍 Build UX Twitter: 🤍 Build UX Instagram: 🤍 Build UX website (coming soon): 🤍 Music: Self produced, 2012

How to set grid & design a full landing page in Figma.

3413
124
8
00:09:01
24.02.2022

Learn how to set grid & design a landing page of property company in Figma. #figma #dribbble #landingpage #webdesign #design #wireframe Images : architect website music : audio library Please Follow, Subscribe & Support our channel: You Tube : 🤍 Instagram : 🤍 Reddit : 🤍 Facebook : 🤍 Our Blog : 🤍 Buy me Coffee : 🤍 #learnFigma, #Figmadesign,

Figma Tutorial - Creación de Responsive Layout Grid

32532
1062
79
00:27:19
07.07.2020

Un grid es la estructura invisible sobre la cual se apoyan todos los elementos visuales. Su función es la de separar cada uno de los componentes de la interfaz en un espacio ordenado, organizando los sitios que quedarán en blanco y aquellos que contendrán formas. Un grid bien definido se transforma en una ayuda al diseño que, generando orden y simplicidad, mejora la usabilidad de la app. 👕 Playeras para UX/UI Designers: 🤍 Libros de UX/UI que recomiendo 📘 Design Sprint: 🤍 📗 Design Is Storytelling: 🤍 📙 The Design of Everyday: 🤍 📕 Don't Make Me Think: 🤍 La mejor librería de ilustración 🎨 🤍 ¿Te gusta este contenido? Apoya al canal y seguiremos mejorando juntos;) PayPal: 🤍 Redes sociales Instagram: 🤍 Twitter: 🤍 Dribbble: 🤍 Información utilizada en el video : 🤍 #UX #UI #Figma #Sketch #Invision #Platzi

Bootstrap 4 Grids in Figma - creating responsive grids for Web Design

28365
623
98
00:08:39
23.05.2020

In this video, you will learn how to use Figma and create Bootstrap 4 grids using Figma. We will make Extra large, large, medium, and small screen grids using Figma frames/art-boards. Also, I will show you how to set up the vertical or row-based grid in Figma for vertical rhythm - I teach UI UX Design to more than 100K+ students from 186 countries. Learn and improve your career as UX/UI Designer and upgrade it. Watch FREE - 5h Video Course - Visual Design for UI Designers & Developers ► 🤍 17+ Pro UI UX Design Course bundle for $99 (Biannual) ► 🤍 Kit Camera, Microphone used in the making of this Video ►🤍 Book me as your Mentor (only 2 slots) ► 🤍 Follow me here, Thanks 🤍 (website) 🤍 🤍 🤍 🤍 🤍 🤍

FIGMA TUTORIAL - GRID SYSTEM

9937
420
63
00:13:29
24.06.2021

Halo teman-teman! Kali ini kita bakal ngebahas salah satu hal yang penting atau hal dasar yang harus kalian tau sebelum ngebuat sebuah User Interface Design yaitu GRID!! Kita akan ngebikin grid buat Desktop, Tablet dan Mobile yaak! Silahkan kalo ada pertanyaan tinggalkan komentar dibawah ya! ABOUT ME Instagram : 🤍 Email : herdetpriam🤍gmail.com Dribbble : 🤍 Plainthing Studio adalah studio desain yang saya bangun bersama teman saya pada tahun 2017. Silahkan hubungi saya di email ini jika anda membutuhkan web/app desain dan development: hello🤍plainthing.studio Website: 🤍 Instagram : 🤍

Set up grids - FIGMA

46
3
0
00:05:05
03.02.2022

Grids are help to keep all the elements uniform and really provides that structure for creating. In this video we go over how to make them and why they are useful

สร้าง Grid Bootstrap 5 ใน Figma

3599
111
7
00:18:43
20.11.2020

#Gridsystem #Bootstrap5 #Figma วิธีการสร้างเส้น Grid Bootstrap 5 ที่เป็น Fixed Width ใน Figma ออกแบบ UI/UX Website, Mobile App ด้วย Figma 🤍 รับออกแบบ UI/UX รับออกแบบ Website, Mobile App คอร์สเรียนออนไลน์ เรียนซ้ำได้ตลอด ไม่มีวันหมดอายุ ออกแบบ Web UI Kit ด้วย Adobe XD 🤍 How to ออกแบบแอพส่งอาหาร 🤍 ออกแบบ Interactive Prototype ด้วย Adobe XD 🤍 ออกแบบ Responsive Website ด้วย Adobe XD 🤍 ออกแบบ UI/UX และ Digital Product ด้วย Adobe Xd 🤍 ออกแบบ UI/UX แอพโรงแรม ด้วย Adobe XD 🤍 ————————————————————————————— สนับสนุนช่อง Uncle Ake Paypal 🤍 PromptPay 0815925590 ————————————————————————————— facebook : 🤍 Line: 🤍 Messenger: 🤍

How to Create a Grid in Figma (Tutorial)

3092
26
2
00:05:29
26.02.2021

🎓 My Design Bootcamp: 🤍 💎 My Design Products: 🤍 ............................................................................................ 📞 Book a Call with me: 🤍 ✍️ Need a Design Project? Message me: 🤍 My Design Portfolio: 💻 Web Apps: 🤍 🖥 Websites: 🤍 📱 Mobile Apps: 🤍 About Me: I am a Sr. Designer with over 10 years of experience. Having worked with over 40 clients from all around the world, from startups to large enterprises I understand what it takes to create design experiences at scale.

How to setup layout grids in Figma | Figma tutorial in Hindi part 7

14296
332
50
00:17:40
26.12.2020

How to setup layout grids in Figma? Figma में layout grids कैसे बनाएँ? इस विडीओ में मैंने डिटेल में समझाया है की layut grids क्या है? क्यों बनानी चाहिए? कैसे काम करती है? In this video i have explained in detail how to create layout grids in Figma. how many kinds of layout grids we can create? Why we create layout grids? This figma project link has all the possible layout grids for various platforms and sizes like: Grid layout for iOS mobile sizes Grid layout for iPAD sizes. Grid layout for Android sizes. Grid layout for bootstrap mobile and desktop sizes. So use this column layout grid for your next projects. I have covered 6 column layout grid and 12 column layout grids both. Download this full FREE KIT: 🤍 Figma full course in Hindi: 🤍 ~~~~~~~~~~~~~~~~~~~~~~~ 🤝 Need Help? Chat directly with me anytime and join FREE LIVE CLASSES Download Graphics Guruji Android App: 🤍 Lots of free content, free chat support, free weekly problem solving LIVE SESSIONS on Sundays and much more. 💬 Save my WhatsApp Support Number(10am-6pm) 8003344414 ~~~~~~~~~~~~~~~~~~~~~~~ Telegram group: 🤍 Follow me on Instagram 🤍graphicsguruji Dribbble: 🤍 FB page: 🤍 Behance: 🤍 Blog: 🤍 #FigmaInHindi #LearnFigmaInHindi #FigmaTutorials

[Tự học Figma] - UI Grid System Layout

2367
45
4
00:08:16
10.06.2021

Đằng sau các thiết kế gọn gàng, chỉnh chu và cân đối chính là nhờ sự giúp sức vô cùng đắc lực của kỹ thuật "Grid" - nói vui là "giăng lưới" trong quá trình thiết kế. Hẳn là các designer không lạ với khái niệm này, nhưng biết là một chuyện, sử dụng "Grid" vào thực tế thiết kế lại là một sự ... đau đầu khác. Việc này đòi hỏi sự cân đo đong đếm vô cùng tỉ mỉ và khoa học các yếu tố tạo tạo nên thiết kế của bạn. Hãy cùng mình tìm hiểu về cách để cải thiện UI của thiết kế với kỹ thuật "Layout Grid" nhé! Hiện tại mình đang triển khai khoá học Figma UI Thực Chiến [2.000.000 VNĐ] trong vòng 7 buổi trải nghiệm làm sản phẩm thực tế và sát sàn. Các bạn có thể liên hệ để được tư vấn qua số điện thoại: 0364.377.627 (gặp Khang) Hoặc đăng ký ở đường link bên dưới: 👉 🤍 #uxuidesign #hocfigma #tuhocfigma #grid #caithienui #rebovietnam Liên hệ ■ Website: 🤍​ ■ Facebook: 🤍 ■ Instagram: 🤍 ■ Twitter: 🤍 © Bản quyền thuộc về Rebo Vietnam

Baseline Grids | The basics of Baseline Grids in UI & Web Design

81010
4216
210
00:09:33
06.06.2020

A baseline grid is an underlying structure built from invisible units of measurement... more simply put, it lines your stuff up. It’s an excellent typographic tool, but also comes in handy when laying out other elements on the page. A baseline grid is a way to help you make decisions and build consistency into your UI and Web Designs. Remember to Subscribe 🤍 More reading on Baseline Grids - 🤍 🤍 🤍 ////////// Connect with me here 👍🏼 Instagram: 🤍 Twitter: 🤍 Anchor: 🤍 Medium: 🤍 ////////// Sign up for my Monthly Newsletter 📫 🤍 ////////// Music is from Musicbed click below for a free trial 👇🏼 🤍 ////////// Equiptment 📸 🤍

Isometric Grid | Figma Tutorial

1616
50
8
00:12:20
12.01.2022

In this tutorial video, I am going to share you get to learn how to make the Isometric Grid in Figma Design. Take the following step by step slowly. Check it out Isometric design #1 🤍 Isometric design #2 🤍 Other tutorials : Figma tutorial 🤍 Illustrator tutorial 🤍 Photopea tutorial 🤍 Coding tutorial 🤍 Spark tutorial 🤍 Hope you will like it. Don't forget to subscribe to my channel to watch more tutorial videos. Thanks for watching. #isometricgrid #isometricdesign #figmadesign #figma #figmatutorial #figmatutorialforbeginners

8pt Soft Grid and Modular Scale in Figma!

13899
444
30
00:03:41
02.05.2019

→ Figma for Beginners course ← 🤍 → Show your support ← 🤍 → Listen to the Design Party podcast ← 🤍 → Let's connect ← Twitter: 🤍 Website: 🤍

Grid view And List View in figma

358
4
0
00:16:39
02.04.2021

Helloz, In this video we are completing grid view and list view page. we can reuse this layout for other projects for shearing detail information. This is part 4 of the series Create the sitemap for wisdom story app: 🤍 Create the dashboard or Home page of the wisdom story app: 🤍 Creating detail page or story page: 🤍 Follow me on: Instagram: 🤍 Plugin links: Feather Icons: 🤍 Some shortcut keys of figma : Duplicate object : Ctrl + d Copy And paste : ctrl+c & ctrl+v Creating List View in figma Creating Grid view in figma prototyping for two pages. feather icons creating gird view and list view with one card layout reusing one card view for grid layout and list view transformation of grid layout and list layout

Tutorial Figma Grid Styles (Grid System) - Mini Design System

220
11
3
00:05:47
18.04.2022

Halo semuanya! Di video kali ini kita membuat sebuah tutorial figma, yaitu "Cara Membuat Grid Styles (Grid System) di Figma" Video sebelumnya: "Tutorial Figma Effect Style (Shadow) - Mini Design System" 🤍 Download 3D Icons & Illustrations on icontscout: 🤍 Follow me on: Instagram = 🤍 Twitter = 🤍 Dribbble = 🤍 Contact: Email: rifkyalamsyah30🤍gmail.com Music: LAKEY INSPIRED - Better Days 🤍 Don't forget to Like, Share, Comment, and Subscribe! #figma #uiux #designsystem #uidesign #uiuxdesign #figmatutorial #styleguide

Use Grids & Guides to Make Designing 100x Easier with Figma!

151
6
3
00:04:00
23.07.2020

Wondering how Grids & Guides are useful when working with graphic design and UI/UX projects? I'll show you how you can use Figma's Grids & Guides to make designing A LOT faster and easier! Want to learn how to design beautiful mockups for mobile & web apps with Figma? Check out my complete 6-hour course here: 🤍

How to Setup Layout Grids for Website in Figma | Calculate Bootstrap Layout Grids for Beginners

85
3
0
00:05:33
11.09.2022

In this Figma tutorial, I'm going to show you how to use Layout Grids for web design. Layout Grids will help your place elements in design in the right place. I highly recommend you set up layout grids first before starting design websites in Figma. Also, I will refer to the Boostrap's system design to set up Layout Grids, so it's easy to understand how to setup grid layout for beginners. This is a hand-on tutorial, so you can apply what you learn in this video to your real-world projects. ★★★ Follow Me ★★★ Facebook Fanpage: 🤍 Youtube: 🤍 My website: 🤍

Curso de Figma - Grids, Auto Layout e Design responsivo - parte 13 [Aula 22]

10879
494
16
00:19:45
14.10.2020

🚀 Prototipa - Curso Avançado de Figma ➡ 🤍 _ 🌟 Curso De UX/UI Design - Seja um EXPERT ➡ 🤍 _ ⭐️ Curso Web Designer PRO ➡🤍 Link do arquivo: 🤍 O Figma é um software de prototipação completo, gratuito,, leve, rápido. Para usá-lo basta acessar através do navegador, ou se preferir, baixar para o seu computador. É um software profissional, simples, de usabilidade intuitiva e com funções simples de executar. Concorrente direto do AdobeXD e do Sketch, o Figma vem ganhando cada vez mais o mercado graças aos seus recursos colaborativos para times de design, aos inúmeros plugins disponíveis e sua interface simples e intuitiva. Confira toda a nossa playlist do Curso de Figma aqui do Chief. 🎩 eBook de HTML e CSS ➡ 🤍 🎩 eBooks do Chief: ➡ 🤍 🎩 Chief of Design Inscreva-se agora no canal e fique por dentro das novidades!. ➡ Site: 🤍 ➡ Facebook: 🤍 ➡ Instagram: 🤍 ➡ Twitter: 🤍 #figma #uidesign #uxuidesign

Advanced CSS Grid Component in Figma

3401
174
42
00:12:28
14.09.2021

Take your grid game to the next level with this advanced CSS Grid component built with Auto layout and Variants. This component builds on the awesome capabilities of Auto layout and Variants to enable multi-column layouts that can be easily customized with any component through the use of slots. Check out the community file: 🤍

Cетка (Layout Grid) в Figma || Урок #8

4238
161
11
00:04:28
22.02.2021

Учимся создавать сетки типа Grid, Raw и Column. Узнаем разницу между Left, Right, Center и Stretch cетками. 🔔 ПОДПИСАТЬСЯ на канал: 🤍 📝 ОПИСАНИЕ Как вы уже догадались с обложки этого видео, сегодня речь пойдет о Сетках в Figma. Мы познакомимся с инструментом Layout Grid, узнаем для чего он нужен и почему так важен, и научимся с ним работать. #figma #grids #design 00:00 Вступление 00:22 Что такое сетка? 00:53 Создаем сетку типа Grid 01:32 Создаем сетку типа Сolumns 03:13 Cоздание большого количества сеток на одном фрейме 03:23 Создаем стили сетки 04:15 Анонс ССЫЛКА НА ПРЕДЫДУЩИЕ УРОКИ 🤍 Знакомство с Figma || Урок 1 🤍 Фигуры в Figma || Урок #2 🤍 Слои в Figma - Объединение, группировка || Урок #3 🤍 Boolean group в Figma || Урок #4 🤍 Текст в Figma || Урок #5 🤍 Адаптивный web-дизайн и Constraints (ограничители) в Фигма || Урок #6 🤍 Функция Auto Layout в Figma || Урок #7 🎨 О ПРОЕКТЕ Добро пожаловать на GloryANT. Если ты начинающий дизайнер и хочешь научиться рисовать в графических программах, то этот канал для тебя. Здесь ты увидишь, как рисовать логотипы, визитки, стикеры, баннеры, плакаты и многое другое. Подписывайся на канал! 🌏 МЫ В СОЦСЕТЯХ VK: 🤍 Instagram: 🤍 Facebook: 🤍 Telegram: 🤍

Icon Design using Grid in Figma - Figma Tutorial

9212
256
15
00:17:46
02.03.2021

In this tutorial video, I am going to share you get to learn how to make Icon design using Grid in Figma Design. Take the following step by step slowly. Check it out : Create the color style in Figma 🤍 3 Figma Hacks 🤍 Other tutorials : Figma tutorial 🤍 Illustrator tutorial 🤍 Photopea tutorial 🤍 Coding tutorial 🤍 Spark tutorial 🤍 Hope you will like it. Don't forget to subscribe to my channel to watch more tutorial videos. Thanks for watching. #icon #icondesign #figmadesign #figma #figmatutorial #figmatutorialforbeginners

Figma Tips ⚡ - Layout grids as padding - Part 2/2

3065
62
4
00:12:27
22.12.2021

Understand frame constraints and create padding guides using layout grids Part 1: 🤍 Learn to setup layout grids as guides for your design Time Stamps ⏱️ 00:00 Introduction 00:21 Constraints with layout grids 03:31 Limitations of constraints 04:52 Create padding guides 11:33 Like, comment, subscribe fam Got a question about figma, or the UX/UI industry? Any suggestions for topics you would like me to cover? Leave a comment below. Support my work at: 🤍 #ui #userinterface #figma

Create a Masonry Grid with Auto Layout - Figma Crash Course

19399
784
45
00:16:14
15.12.2020

Let's design a masonry grid using Figma's auto-layout. Duplicate the resource file: 🤍 Install the Blush plugin: 🤍 Install the Unsplash plugin: 🤍 Watch the full Auto Layout Crash Course: 🤍

Figma Tutorial: Setup a Responsive Grid Layout for UI & Web Design

2089
62
4
00:09:39
10.09.2021

🎓 My Design Bootcamp: 🤍 💎 My Design Products: 🤍 ............................................................................................ 📞 Book a Call with me: 🤍 ✍️ Need a Design Project? Message me: 🤍 My Design Portfolio: 💻 Web Apps: 🤍 🖥 Websites: 🤍 📱 Mobile Apps: 🤍 About Me: I am a Sr. Designer with over 10 years of experience. Having worked with over 40 clients from all around the world, from startups to large enterprises I understand what it takes to create design experiences at scale.

Set A Responsive Grid Layout In Figma Using Material Design

4164
175
4
00:09:27
13.09.2021

Welcome To Migrant Solutions. In This Video We are going to walk you through the process of setting up a responsive Grid Layout in Figma Using The Material Design Guide. Support Channel Via Patreon : 🤍 Connect With Instructor On LinkedIn : Joseph Brendan Twitter : 🤍joe_brendan_ Instagram : 🤍joseph_brendan_

Назад
Что ищут прямо сейчас на
figma grids вагнер бюджет бэтмен быт на хуторе быстрый пересказ быстрее бывшие бу авто бухгалтер videos de miedo reales бургер 宣萱 бузова будущее максима галкина Dry Comedy Bar будни многодетной мамы будильник km review space marine