Make Your Web Design Responsive Using Variables | Figma Tutorial

DesignWithArash September 5, 2023

About

No channel description available.

Video Description

In this video, I'm going to show you how you can make your components responsive using Figma variables. 👉 Check out Conjointly's Market Test and its Figma plugin: https://conjointly.com/solutions/mark... https://bit.ly/3Eppv7C 👉 Become a UI Designer with my UI Design & Figma Mastery course: https://bit.ly/3WE9Qe7 📸 Instagram:   / uiux.arash   Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students become UI/UX designers from scratch worldwide.

Gaming & Work Powerhouses

AI-recommended products based on this video

Loading...
95MM T129215SU Cooling Fan for ASUS ROG Strix for GeForce RTX 3060 3070 3080 3090 Ti Graphics Card CF1010U12S/D T129215BU(Black A-Fan T12)

95MM T129215SU Cooling Fan for ASUS ROG Strix for GeForce RTX 3060 3070 3080 3090 Ti Graphics Card CF1010U12S/D T129215BU(Black A-Fan T12)

(0)
$43.56
FREE delivery Mar 19 - Apr 10
Loading...
ASUS ROG Strix G16 Gaming Laptop, GeForce RTX 5070 Ti 12GB GDDR7, AMD Ryzen 9 8940HX, 64GB DDR5, 2TB SSD, Backlit Keyboard, Wi-Fi 6E, 16" WUXGA 165Hz Display, Win 11, Gray, 1TB Docking Station Set

ASUS ROG Strix G16 Gaming Laptop, GeForce RTX 5070 Ti 12GB GDDR7, AMD Ryzen 9 8940HX, 64GB DDR5, 2TB SSD, Backlit Keyboard, Wi-Fi 6E, 16" WUXGA 165Hz Display, Win 11, Gray, 1TB Docking Station Set

(10)
$4,269.00
FREE delivery Feb 24 - Mar 5
Loading...
ASUS ROG Strix G16 (2024) Gaming Laptop, 16” 16:10 FHD+ 165Hz, GeForce RTX 4060, Intel Core i7-13650HX, 16GB DDR5, 1TB PCIe SSD, Wi-Fi 6E, Windows 11, G614JV-AS71-CA

ASUS ROG Strix G16 (2024) Gaming Laptop, 16” 16:10 FHD+ 165Hz, GeForce RTX 4060, Intel Core i7-13650HX, 16GB DDR5, 1TB PCIe SSD, Wi-Fi 6E, Windows 11, G614JV-AS71-CA

(43)
$1,659.99$1,549.30
FREE delivery Feb 19 - 23
Loading...
Asus ROG Gladius III Wireless AimPoint Gaming Mouse, Connectivity (2.4GHz RF, Bluetooth, Wired), 36000 DPI Sensor, 6 programmable Buttons, ROG SpeedNova, Replaceable switches, Paracord Cable, White

Asus ROG Gladius III Wireless AimPoint Gaming Mouse, Connectivity (2.4GHz RF, Bluetooth, Wired), 36000 DPI Sensor, 6 programmable Buttons, ROG SpeedNova, Replaceable switches, Paracord Cable, White

(329)
$94.99$93.99
FREE delivery Sat, Jan 3
50+ bought in past month
Loading...
Lenovo Legion Pro 5 16" WQXGA 165Hz Gaming Laptop, AMD Ryzen 9 9955HX, GeForce RTX 5070, 32GB DDR5, 3TB Storage (2TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, WiFi 7, Win 11, Black

Lenovo Legion Pro 5 16" WQXGA 165Hz Gaming Laptop, AMD Ryzen 9 9955HX, GeForce RTX 5070, 32GB DDR5, 3TB Storage (2TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, WiFi 7, Win 11, Black

(2)
$3,199.00
FREE delivery Feb 24 - Mar 5
Loading...
230W Charger for Lenovo Legion Slim Pro 5 5P 7 S7 C7 Y720 Y730 Y740 Y920 Y530 Y540 Y545 R720 ThinkPad P1 P16 P16v P15 P17 T15g P50 P50s P51 P52 P53 P70 P71 P72 P73 Laptop ideacentre/ThinkStation AIO

230W Charger for Lenovo Legion Slim Pro 5 5P 7 S7 C7 Y720 Y730 Y740 Y920 Y530 Y540 Y545 R720 ThinkPad P1 P16 P16v P15 P17 T15g P50 P50s P51 P52 P53 P70 P71 P72 P73 Laptop ideacentre/ThinkStation AIO

(10)
$47.99
FREE delivery Sat, Jun 21
Loading...
New Slim 170W AC Charger Fit for Lenovo Legion Slim 5 5i Yoga Pro 9i ThinkPad P1 P16 P16v P53 P70 P71 P72 P73 IdeaPad Pro 5i 5 3 LOQ 16 15 ADL170SCC3A 20V 8.5A Laptop Power Supply Adapter Cord

New Slim 170W AC Charger Fit for Lenovo Legion Slim 5 5i Yoga Pro 9i ThinkPad P1 P16 P16v P53 P70 P71 P72 P73 IdeaPad Pro 5i 5 3 LOQ 16 15 ADL170SCC3A 20V 8.5A Laptop Power Supply Adapter Cord

(3)
$36.89
FREE delivery Sat, Jun 21
Loading...
170W AC Charger for Lenovo ThinkPad P1 P50 P51 P52 P53 P70 P71 P72 P73 P16 P16v P17 P15 T15g P15v T15p X1 Extreme Legion Y520 IdeaPad Pro 5 Yoga Slim 7 Laptop ThinkStation ThinkCentre IdeaCentre AIO

170W AC Charger for Lenovo ThinkPad P1 P50 P51 P52 P53 P70 P71 P72 P73 P16 P16v P17 P15 T15g P15v T15p X1 Extreme Legion Y520 IdeaPad Pro 5 Yoga Slim 7 Laptop ThinkStation ThinkCentre IdeaCentre AIO

(8)
$35.99
FREE delivery Sun, Jun 22
Loading...
acer Nitro 50 N50-620-UA91 Gaming Desktop | 11th Gen Intel Core i5-11400F 6-Core Processor | NVIDIA GeForce GTX 1650 | 8GB DDR4 | 512GB NVMe M.2 SSD | Intel Wi-Fi 6 AX201 | Keyboard and Mouse

acer Nitro 50 N50-620-UA91 Gaming Desktop | 11th Gen Intel Core i5-11400F 6-Core Processor | NVIDIA GeForce GTX 1650 | 8GB DDR4 | 512GB NVMe M.2 SSD | Intel Wi-Fi 6 AX201 | Keyboard and Mouse

(283)
$1,658.99
Loading...
Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

(40)
$1,399.00
FREE delivery Feb 24 - Mar 5
Loading...
Acer Nitro V 15.6" FHD 165Hz Gaming Laptop, Intel i5-13420H, 16GB RAM, 512GB SSD, NVIDIA GeForce RTX 5050 8GB GDDR7, Copilot, Backlit Keyboard, Wi-Fi 6, Win 11, Black, 1TB Docking Station Set

Acer Nitro V 15.6" FHD 165Hz Gaming Laptop, Intel i5-13420H, 16GB RAM, 512GB SSD, NVIDIA GeForce RTX 5050 8GB GDDR7, Copilot, Backlit Keyboard, Wi-Fi 6, Win 11, Black, 1TB Docking Station Set

(1,689)
$1,349.00
FREE delivery Feb 24 - Mar 5Only 7 left in stock.
Loading...
65W USB C Laptop Charger for Dell Latitude 5540 5420 5520 5430 5320 7275 7440 e5440 5450 7430 7400 5550 5530 9410 9510 XPS 13 15 Chromebook Fast Charging for Dell Computer Type C AC Adapter Power Cord

65W USB C Laptop Charger for Dell Latitude 5540 5420 5520 5430 5320 7275 7440 e5440 5450 7430 7400 5550 5530 9410 9510 XPS 13 15 Chromebook Fast Charging for Dell Computer Type C AC Adapter Power Cord

(25)
$29.99
FREE delivery Sun, Aug 24 on your first order
300+ bought in past month
Loading...
130W USB C Laptop Charger Compatible with Dell Precision 5550 5560 3560 3590 3550 5540 5570 5750 5530 5520 5510 Latitude 5520 5510 5420 7410 7310 7210 9410 9510 9520 XPS 15 17 AC Adapter Power Cord

130W USB C Laptop Charger Compatible with Dell Precision 5550 5560 3560 3590 3550 5540 5570 5750 5530 5520 5510 Latitude 5520 5510 5420 7410 7310 7210 9410 9510 9520 XPS 15 17 AC Adapter Power Cord

(13)
$29.99
FREE delivery Sun, Aug 24 on your first order
Loading...
Replacement for Dell 130W Laptop Charger USB C - XPS 17 15 7590 9700 9500 9510 Precision 5560 3560 5540 5570 5550 3561 3550 5510 5520 Latitude 7410 7310 7210 Type C Computer AC Adapter Power Cord

Replacement for Dell 130W Laptop Charger USB C - XPS 17 15 7590 9700 9500 9510 Precision 5560 3560 5540 5570 5550 3561 3550 5510 5520 Latitude 7410 7310 7210 Type C Computer AC Adapter Power Cord

(1,131)
$45.98
FREE delivery Sun, Aug 24
100+ bought in past month
Loading...
GIGABYTE AORUS GeForce RTX 3060 Elite 12G (REV2.0) Graphics Card, 3X WINDFORCE Fans, 12GB 192-bit GDDR6, GV-N3060AORUS E-12GD REV2.0 Video Card

GIGABYTE AORUS GeForce RTX 3060 Elite 12G (REV2.0) Graphics Card, 3X WINDFORCE Fans, 12GB 192-bit GDDR6, GV-N3060AORUS E-12GD REV2.0 Video Card

(348)
$2,843.12
FREE delivery Feb 26 - Mar 5
Loading...
GIGABYTE AORUS GeForce RTX 3080 Ti Master 12G Graphics Card, Max Covered Cooling, 12GB 384-bit GDDR6X, GV-N308TAORUS M-12GD Video Card

GIGABYTE AORUS GeForce RTX 3080 Ti Master 12G Graphics Card, Max Covered Cooling, 12GB 384-bit GDDR6X, GV-N308TAORUS M-12GD Video Card

(44)
$5,301.22$1,169.99
FREE delivery Feb 26 - Mar 5
Loading...
GIGABYTE AORUS GeForce RTX 3080 Xtreme 10G (REV2.0) Graphics Card, Max Covered Cooling, LHR, 10GB 320-bit GDDR6X, GV-N3080AORUS X-10GD REV2.0 Video Card

GIGABYTE AORUS GeForce RTX 3080 Xtreme 10G (REV2.0) Graphics Card, Max Covered Cooling, LHR, 10GB 320-bit GDDR6X, GV-N3080AORUS X-10GD REV2.0 Video Card

(12)
$4,299.60
Loading...
GIGABYTE - AORUS Elite 16 Gaming Laptop - 165Hz 2560x1600 WQXGA - NVIDIA GeForce RTX 5070 - Intel Core Ultra 9 275HX - 1TB SSD with 32GB DDR5 RAM - Windows 11 Home AD (AORUS Elite 16 BWHC3USC64SH)

GIGABYTE - AORUS Elite 16 Gaming Laptop - 165Hz 2560x1600 WQXGA - NVIDIA GeForce RTX 5070 - Intel Core Ultra 9 275HX - 1TB SSD with 32GB DDR5 RAM - Windows 11 Home AD (AORUS Elite 16 BWHC3USC64SH)

(0)
$9,050.69
FREE delivery Aug 28 - Sep 8Only 3 left in stock.
Loading...
230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

(16)
$67.99
FREE delivery Mon, Feb 16
Loading...
llano RGB Laptop Cooling Pad with Powerful Turbofan Gaming Cooler Radiator with Infinitely Variable Speed, Touch Control, LCD Screen, 3-Port USB Hub, Seal Foam for Notebook Computer 15-19in

llano RGB Laptop Cooling Pad with Powerful Turbofan Gaming Cooler Radiator with Infinitely Variable Speed, Touch Control, LCD Screen, 3-Port USB Hub, Seal Foam for Notebook Computer 15-19in

(1,404)
$129.99
Prime
200+ bought in past month
Loading...
230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

(16)
$67.99
FREE delivery Mon, Feb 16
Loading...
Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

(2)
$1,369.00
FREE delivery Feb 24 - Mar 5
Loading...
Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

(40)
$1,399.00
FREE delivery Feb 24 - Mar 5
Loading...
Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

(68)
$2,749.00
FREE delivery Feb 24 - Mar 5
Loading...
acer Nitro 50 N50-620-UA91 Gaming Desktop | 11th Gen Intel Core i5-11400F 6-Core Processor | NVIDIA GeForce GTX 1650 | 8GB DDR4 | 512GB NVMe M.2 SSD | Intel Wi-Fi 6 AX201 | Keyboard and Mouse

acer Nitro 50 N50-620-UA91 Gaming Desktop | 11th Gen Intel Core i5-11400F 6-Core Processor | NVIDIA GeForce GTX 1650 | 8GB DDR4 | 512GB NVMe M.2 SSD | Intel Wi-Fi 6 AX201 | Keyboard and Mouse

(283)
$1,658.99
Loading...
KOORUI 34-inch Ultrawide Curved WQHD 3440×1440 Gaming Monitor, 165Hz 144Hz Curved 1000R- PIP/PBP, 1ms(MPRT) with DisplayHDR 400, DCI-P3 90% Color Gamut, AdaptiveSync, HDMI/DisplayPort, 34E6UC

KOORUI 34-inch Ultrawide Curved WQHD 3440×1440 Gaming Monitor, 165Hz 144Hz Curved 1000R- PIP/PBP, 1ms(MPRT) with DisplayHDR 400, DCI-P3 90% Color Gamut, AdaptiveSync, HDMI/DisplayPort, 34E6UC

(3,528)
$349.99
FREE delivery Sun, Aug 10
100+ bought in past month
Loading...
UPERFECT Portable Monitor 17.3 Inch 2K 144Hz Portable Gaming Monitor Travel Monitor for Laptop 2560x1440P HDR IPS Screen with VESA, Cover Stand, Dual Speakers for PC Phone Game Console

UPERFECT Portable Monitor 17.3 Inch 2K 144Hz Portable Gaming Monitor Travel Monitor for Laptop 2560x1440P HDR IPS Screen with VESA, Cover Stand, Dual Speakers for PC Phone Game Console

(2,824)
$389.49
PrimeOnly 8 left in stock.
Loading...
ViewSonic VX1755 17 Inch 1080p Portable IPS Gaming Monitor with 144Hz, AMD FreeSync Premium, 2 Way Powered 60W USB C, Mini HDMI, and Built-in Stand with Smart Cover

ViewSonic VX1755 17 Inch 1080p Portable IPS Gaming Monitor with 144Hz, AMD FreeSync Premium, 2 Way Powered 60W USB C, Mini HDMI, and Built-in Stand with Smart Cover

(385)
$468.70
FREE delivery Aug 18 - 27
Loading...
ZSCMALLS Portable Monitor 17.3 Inch 144Hz 1080P FHD Gaming Monitor USB-C HDMI Computer Display HDR IPS Laptop Screen Extender with Smart Cover/Speakers for Laptop PC Mac Phone PS3 4/5 Xbox

ZSCMALLS Portable Monitor 17.3 Inch 144Hz 1080P FHD Gaming Monitor USB-C HDMI Computer Display HDR IPS Laptop Screen Extender with Smart Cover/Speakers for Laptop PC Mac Phone PS3 4/5 Xbox

(748)
$161.91
FREE delivery Sun, Aug 10