Figma Tutorial - How to Setup Layout Grids for Website
Download Grid Figma: https://faizur.gumroad.com/l/qFMfc
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: https://faizur.com/masterclass
UI KIT & PRODUCTS: ↓↓↓
Figma Grid Layout: https://faizur.gumroad.com/l/qFMfc
Project Folder Structure: https://faizur.gumroad.com/l/jgTgJ
Coming Soon Minimal Template: https://faizur.gumroad.com/l/QWhbY
More products: https://faizur.gumroad.com/
TOOLS & GEAR ↓↓↓
🎥 My YouTube Gear & Setups: https://kit.co/faizurrehman
🖥 My Monitor: https://amzn.to/3ILFxJM
💻 My MacBook: https://amzn.to/3pRBnr9
MY FAVOURITE DESIGN BOOKS ↓↓↓
https://kit.co/faizurrehman/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. (https://www.instagram.com/fazurrehman)
▶️BE MY BEST FRIEND ↓↓↓
📸 My Instagram: https://www.instagram.com/fazurrehman
🌐 My website: https://www.faizur.com
👓 My Blog: https://medium.com/fazurrehman
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
Видео Figma Tutorial - How to Setup Layout Grids for Website канала Faizur Rehman
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: https://faizur.com/masterclass
UI KIT & PRODUCTS: ↓↓↓
Figma Grid Layout: https://faizur.gumroad.com/l/qFMfc
Project Folder Structure: https://faizur.gumroad.com/l/jgTgJ
Coming Soon Minimal Template: https://faizur.gumroad.com/l/QWhbY
More products: https://faizur.gumroad.com/
TOOLS & GEAR ↓↓↓
🎥 My YouTube Gear & Setups: https://kit.co/faizurrehman
🖥 My Monitor: https://amzn.to/3ILFxJM
💻 My MacBook: https://amzn.to/3pRBnr9
MY FAVOURITE DESIGN BOOKS ↓↓↓
https://kit.co/faizurrehman/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. (https://www.instagram.com/fazurrehman)
▶️BE MY BEST FRIEND ↓↓↓
📸 My Instagram: https://www.instagram.com/fazurrehman
🌐 My website: https://www.faizur.com
👓 My Blog: https://medium.com/fazurrehman
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
Видео Figma Tutorial - How to Setup Layout Grids for Website канала Faizur Rehman
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Figma Tutorial: Setup a Responsive Grid Layout for UI & Web Design (IN 11 MINUTES)](https://i.ytimg.com/vi/_w-iYiEXrl0/default.jpg)
![Baseline Grids | The basics of Baseline Grids in UI & Web Design](https://i.ytimg.com/vi/rGq1GllRLjk/default.jpg)
![INTRO TO LAYOUT: Free Web Design Course 2020 | Episode 6](https://i.ytimg.com/vi/TDRhwSfxYkg/default.jpg)
![Figma tutorial: Interactive components](https://i.ytimg.com/vi/ReNbXhaL3Xk/default.jpg)
![Grid Systems in Web & UI Design](https://i.ytimg.com/vi/n_V_aLqYPI0/default.jpg)
![Left Nav Bar UI Design: Setting Up Your Grid Layout in Figma](https://i.ytimg.com/vi/QofkGoEtgrc/default.jpg)
![HOW TO DESIGN A WEBSITE IN ONE DAY USING SHOPIFY | QUICK & EASY WEB DESIGN TUTORIAL](https://i.ytimg.com/vi/vum_x5R4wm8/default.jpg)
![12 Column Grid for your Website](https://i.ytimg.com/vi/QoyJItYSjkc/default.jpg)
![How to use a 12-column grid system to build better websites](https://i.ytimg.com/vi/LdNkM1FpGKY/default.jpg)
![10 tips to work 10x faster in Figma](https://i.ytimg.com/vi/i-9mgOL3mHw/default.jpg)
![Effectively Use Column & Row Grids in UI Design (Figma)](https://i.ytimg.com/vi/NezOkmoe7T8/default.jpg)
![Figma tutorial: Auto layout navigation menu](https://i.ytimg.com/vi/bh98SF7OjUk/default.jpg)
![Make an Entire Layout Responsive in Figma - In 10 Minutes](https://i.ytimg.com/vi/QjK56pv9Qe4/default.jpg)
![How to Design Powerful Components and Buttons with Variants and Auto Layout in Figma (NEW)](https://i.ytimg.com/vi/ODOR5EniJNg/default.jpg)
![Design animated slides on Figma | Beginner tutorial](https://i.ytimg.com/vi/3yTq4r6TcOo/default.jpg)
![Figma in 5: Auto Layout](https://i.ytimg.com/vi/TyaGpGDFczw/default.jpg)
![Grid systems in UI and Layout Design](https://i.ytimg.com/vi/wCS0OlkZM6s/default.jpg)
![How To Create a Layout Grid in Figma for Responsive Wireframing | Web Design Basics](https://i.ytimg.com/vi/BKPIqZ8pNfM/default.jpg)
![Prototyping animations with Figma](https://i.ytimg.com/vi/ps6p9e6QmgY/default.jpg)
![How to setup layout grids in Figma | Figma tutorial in Hindi part 7](https://i.ytimg.com/vi/MjSJxl0Ar8k/default.jpg)