AI, Data Science & Cloud Certificates from Google, IBM & Meta
Master Windows Internals - Kernel Programming, Debugging & Architecture
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn how to design a responsive website in Figma with this comprehensive beginner tutorial from Flux Academy. Transform a rough sketch into a beautiful design for both desktop and mobile devices in this 1 hour 44 minute crash course. No prior knowledge is required as the tutorial covers working with text, shapes, images, masking, gradients, effects, auto layout, components, and prototyping. Before starting, install the recommended fonts (Instrument Serif and Jost) and duplicate the Figma starter file to follow along. The tutorial is organized into chapters covering getting started, reviewing assets, creating desktop frames, working with images and text, using plugins, implementing auto layout, designing buttons with prototyping functionality, and creating a mobile version of the design.
Syllabus
0:00 How to get started
3:34 Reviewing provided assets
6:03 Desktop frame
7:20 Images
11:20 Text
37:38 Plugins
40:50 Auto layout
58:34 Button design and prototyping
1:35:20 Mobile version
Taught by
Flux Academy
Reviews
3.0 rating, based on 1 Class Central review
Showing Class Central Sort
-
thank you for your efforts I hope you are well Mr.
this course are better than any one but I can't understand auto layout well.
I found once when the Mr. take a screen to another then automatically change according to screen either mobile or web or any other but here you do that by change the size for elements
Keep it Up