Web figma

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

Figma tutorial for Beginners: Complete Website from Start to Finish

1233303
30329
740
00:43:21
20.05.2022

Build alongside Ran by downloading the starter file here 👉 🤍 Check out our brand-new Figma for Web Designers course with 🤍MaddyBeard: 🤍 We're working on a full in-depth Figma course! Join the waitlist: 🤍 Need a new Figma account? - 🤍 See part 2 on how to build this site with Webflow: 🤍 📽️ CHAPTERS 00:00 - Introduction 01:00 - Figma interface overview 04:30 - Page & grid setup 09:30 - Designing the hero & navigation 21:20 - Creating the background effect 25:00 - Building the content section 30:50 - Masking & blend modes 36:30 - Using Gradients 39:00 - Building the footer 40:40 - Designing a form 42:00 - Next steps ⬇ If you would like to watch more Figma Tutorials, please let us know in the comments ⬇ Don't forget to subscribe to our channel for more Design Content. Click here 👉 🤍 🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 🤍 📱 Find us on SOCIAL MEDIA Flux Academy's Instagram 👉 🤍 Ran's Instagram 👉 🤍 Thanks for watching our video! #Figma #WebDesign #FluxAcademy

Introducing Figma: A Beginners Tutorial (2023 UI UX Design)

579252
12679
424
00:31:38
12.01.2023

Learn the basics of Figma, the popular design tool for UI and UX designers. In this beginner-friendly tutorial we cover the essential features of Figma, including how to use auto layout, the color systems and the grid. Whether you're new to design or looking to switch to Figma from another tool, this tutorial is for you. Stay ahead of the game in 2023 by mastering Figma! Join my Figma course waiting list: 🤍 Get Figma: 🤍 Download the exercise files here: 🤍 → Software I recommend Hostinger for affordable webhosting: 🤍 Siteground for premium webhosting: 🤍 Elementor for no-code web-development: 🤍 Figma for Web Design: 🤍 All recommended software & discounts: 🤍 → Full A-Z Courses Elementor Pro Mastery Course: 🤍 Figma Design Mastery Course: 🤍 Business Course: 🤍 → Starter Guides for Beginners Elementor Starters Guide: 🤍 Figma Design Starters Guide: 🤍 → My Social Media Tiktok: 🤍 Instagram: 🤍 Twitter / X: 🤍 Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

Figma to Website in MINUTES with this INSANE tool…

119641
2762
127
00:06:37
29.09.2022

Building real websites without coding has never been easier for designers. In this quick tutorial we look at the (in my opinion) best tool for designers to create websites in 2023. 🔴 Find Free Framer Tutorials & Resources: 🤍

Figma Tutorial For Beginners 2023 | Web Design of Landing Page

53229
1577
44
00:17:46
07.07.2023

In this video we're going to create a cool landing page in Figma. Even a beginner will be able to repeat such a design and, having trained, take orders and make money online, making cool website design. My instagram: 🤍 My camera: 🤍 My microphone: 🤍

Design a WEBSITE IN FIGMA ep.01: The HEADER MENU

46673
1091
50
00:20:32
20.01.2023

Visit my STORE: 🤍 Explore Mavi Design PREMIUM Assets: 🤍 Download FIGMA for FREE: 🤍 Take FULL advantage of ALL FIGMA's features: 🤍 Playlist: FREE Figma Web Design Course : 🤍 In this video we’re going to start a website design project in Figma. We will be creating a fixed website navigation bar with menu items / buttons that also have hover states. This will serve as a basis for future videos where we’ll expand on our design and turn this into a final, polished website design. Stay tuned for future videos as this is quite a big project to cover in just one single video – I think you’ll be able to learn more through a series. Let’s get into it!!! How to design a website in figma – how to design a header menu navigation with hover states in figma (step-by-step tutorial with examples) ———————— © 2023 Mavi Design

Figma Masterclass Course 2023 | Figma Tutorial for Beginners

236649
7757
286
00:44:18
13.02.2023

File file: 🤍 Timestamps: 00:00 - What we will be doing? 01:00 - Figma Masterclass 01:34 - Assessing the Tesla.com 02:40 - Download the follow along file 02:45 - Preparation stage (Setup global styles, components and more) 22:45 - Design stage (Grid system, autolayout, constraints and more) 38:15 - Prototyping stage (Animations, fixed position elements and more) = Ultimate Figma Design Masterclass (4,900+ students. 90+ Videos. 10+ hours) 👉 🤍 Practical User Research & Strategy Masterclass (NEW!! 100+ students. 8 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: 🤍 My Ultimate Figma Design Masterclass (4,200+ students. 90+ Videos. 10+ hours)

Make Your Web Design Responsive in 10 Minutes | Figma Tutorial

337863
8581
352
00:11:25
25.10.2022

In this video, I'm going to show you how to make your web design responsive in Figma using Auto Layout and Constraints in just 10 minutes. Remember to subscribe: 🤍 Download the practice file from here: 🤍 👉 Become a UI Designer with my UI Design & Figma Mastery course: 🤍 👉 Get my FREE UI/UX Design e-book here: 🤍 📸 Instagram: 🤍 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.

Download Any Website To Figma

57790
4772
37
00:00:22
26.01.2023

This is how you can download any site onto figma. #Webdesign #Figma #builder.io

How To Copy Any Website Design Into Figma Tutorial - In Just 1 Click!

66717
3676
34
00:00:18
17.11.2022

Copy any website design into Figma! This is an awesome tool for designers because it allows them to create mockups of their designs without having to start from scratch. In this tutorial, we’ll walk through step-by-step instructions on how to use Figma to copy a WordPress theme and customize it for your business. This is the fastest way to create a website, and Figma makes the process super easy. For the best results, follow along while watching the video, and then practice on your own before designing your next site. This tutorial covers everything from importing a WordPress website into Figma, to customize the theme with your brand colors and fonts. Once you’ve got your mockup looking just right, save your new design as a standalone file for future projects! Here's the plugin link: 🤍 Hope you enjoyed! Subscribe ► 🤍 Other social media channels: Instagram ► 🤍 Facebook ► 🤍 TikTok ► 🤍

Web Design in Figma | Figma Tutorial for Begginers

57341
934
29
00:28:41
04.07.2022

💎Boost your UX design skills (25% discount): 🤍 🔥Design from the video here: 🤍 🔥Free Design Resources: 🤍 In this video, we will create a web design in Figma. You can follow my steps and improve your UI/UX design skills. 💜SUBSCRIBE to design community: 🤍 ☕Buy a Coffee: 🤍

Ultimate Figma Crash Course 2023 - Full Layout by Example

121716
4037
103
01:20:23
25.11.2022

🤍 (Use code: DESIGNCOURSE for 10% off!) 🤍 👈 Learn UI/UX Today. Use "BF40" for 40% Off! Today, I'm releasing my annual Figma Crash Course, which will teach you Figma through the process of designing a full layout for desktop, tablet and mobile. There's a lot of stuff packed in here, so take it nice and easy! ;) Project logo: 🤍 0:00 - Introduction 0:51 - An Awesome Offer 1:48 - UI Overview 4:01 - Navigation Design 22:30 - Hero Section 39:40 - Logo Section 43:00 - Product Gallery 53:00 - Footer Design 54:45 - Responsive Tablet Design 1:01:19 - Responsive Mobile Design 1:08:26 - Mobile Navigation Prototyping 1:11:00 - Website Deployment Let's get started! #figma #uiux #uidesign - - - - - - - - - - - - - - - - - - - - - - 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!

Landing Page Design Tutorial | Web Design in Figma

353202
7021
123
00:19:32
06.09.2021

💎Boost your UX design skills (25% discount): 🤍 🔥Design from the video here: 🤍 🔥Free Design Resources: 🤍 In this video, we will create a landing page for a web product in Figma. You can follow my steps and improve your UI/UX design skills. 💜SUBSCRIBE to design community: 🤍 ☕Buy a Coffee: 🤍 3D Illustration Pack: 🤍

Figma to Webflow - Complete Website Tutorial

240412
6264
203
01:11:48
27.05.2022

Learn Webflow the FAST way with our full Webflow Masterclass course: 🤍 Level up your web design skills in Figma with our brand new course, Figma for Web Designers: 🤍 Build alongside Ran in Webflow by cloning the Figma project 👉 🤍 📽️ CHAPTERS 00:00 Introduction 01:05 - Exporting from Figma 01:50 - Project setup 04:00 -Section & Container setup 05:40 - Building the Hero 12:20 - Add Navigation 27:58 - Background Gradients 33:58 - Responsiveness 39:50 - Add animations 45:27 - Content sections 53:41 - Blend modes 01:05:41 - Newsletter form ⬇ If you would like to watch more Figma and Webflow Tutorials, please let us know in the comments ⬇ Don't forget to subscribe to our channel for more Design Content. Click here 👉 🤍 🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 🤍 📱 Find us on SOCIAL MEDIA Flux Academy's Instagram 👉 🤍 Ran's Instagram 👉 🤍 Thanks for watching our video! #Figma #WebDesign #FluxAcademy

Figma Plugin For Responsive designs

44396
4117
14
00:00:25
06.03.2023

Grab our free Figma to Webflow Tutorial & Template: 🤍 Plugin credit 🤍 📱 Find us on SOCIAL MEDIA & follow Arnau’s Channel Flux Academy's Instagram 👉 🤍 Arnau’s Channel 👉 🤍 #webdesign #figma #figmatips #freelancewebdesigner

Design a Signup Page in Figma | UI/Web Design Tutorial

48687
1101
33
00:16:11
13.03.2023

If you're looking to design a sign-up page for a website, then this web design tutorial is perfect for you. In this tutorial, we cover everything you need to know about designing a signup page that is both visually appealing and user-friendly... Remember to Subscribe 🤍 We start by discussing the importance of a clean and simple design for your sign-up page, as cluttered designs can discourage users from signing up. We then move on to the various design elements that make up an effective signup page, including the use of clear and concise copy, appropriate color schemes, and easy-to-use form fields. By the end of this tutorial, you'll have all the knowledge you need to create a visually appealing and user-friendly sign-up page that encourages users to sign up and engage with your website. So, whether you're a seasoned web designer looking to improve your skills or a beginner just starting out, this tutorial is a must-watch. Check it out now and start designing your own sign-up page today! 🏆 //////////// Join my members community to get access to perks: You can get this starting and ending design file 🤍 🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship 🤍 👋 ////////// Follow me on Social Instagram: 🤍 Twitter: 🤍 📫 ////////// Sign up for my Monthly Newsletter 🤍jesseshowalter.com/newsletter 🖥️ ////////// I build most of my websites using Webflow 🤍 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: 🤍 📸 ////////// The Equipment I use 🤍

Responsive Website In Figma

75331
2386
73
00:26:30
07.10.2022

Master Figma for web design with our new, in-depth Figma course: 🤍 Try practicing responsiveness yourself by cloning the Figma project Tim is working on: 🤍 Do you struggle to convert your desktop design to tablet and mobile? In this video Tim Gabe demonstrates, how to build responsive layouts by using columns at each breakpoint. 📒 Understand the principles of layout with our FREE handbook: 🤍 🔥 AND take advantage of all our other free resources: 🤍 📽️ CHAPTERS 00:00 - Intro 01:00 - Reviewing Appel & Figma's responsive design 07:24 - Understanding Layout Grids inside Figma 11:40 - Getting started with responsive design in Figma 20:23 - Identifying column patterns for each breakpoint Check out Tim's YouTube Channel 👉 🤍 Tim Gabe’s Instagram 👉 🤍 Learn to build pixel-perfect websites: 🤍 Learn how to succeed with our top-rated courses: 🤍 Thanks for watching! #webdesing #responsivedesign #webdesigner #figma

Figma UI Design Tutorial - How To Redesign Any Website (A Beginner's Guide)

43540
941
35
00:29:28
24.03.2023

In this Figma UI Tutorial for beginners, Product Designer, and Workshop Facilitator Johan Holst shares a step-by-step guide on how to redesign any website using Figma without any design skills needed. In this video, Johan covers importing any website into Figma, editing text, inserting images and icons, and sharing your designs with your colleagues. He also shares many Figma tips and tricks to be more proficient in this design tool, and also all the plug-ins necessary to follow along with this video. ✅ Join our FREE FACILITATION COMMUNITY 👉 🤍 where hundreds of facilitators and designers share their facilitation tricks, techniques, and resources. If you want to check out what Johan Holst is up to, you should definitely go to his profile. He's always sharing great insights about product design and workshop facilitation ➡️ 🤍 🤔 Do you have any more questions about this process or Figma in general? Leave them in the comments below ⬇️ 🛠 Free resources mentioned in this video: 1️⃣ Figma website - 🤍 2️⃣ Builder.io to import websites 🤍 3️⃣ Unsplash plugin for stock photos 🤍 4️⃣ Pexels website for stock photos 🤍 5️⃣ Free Figma Icon Pack 🤍 6️⃣ Figma Practice File with the redesign shown in the video 🤍 ⏰ Video Timestamps 0:00 Intro 0:36 Why is learning this skill useful? 1:42 Advantages of using Figma 2:24 Getting started with Figma 3:36 What type of website can you redesign? 3:57 Start the redesign of Uber’s website 4:27 How to install builder.io plugin 5:00 Importing a website to figma with builder.io 5:49 Cleaning up the import 7:15 Importing a website that’s behind a login using the builder.io Chrome extension 9:40 How to rename a frame 10:05 How to make a copy of the original import 11:14 How to edit TEXT 14:23 How to add IMAGES with pexels.com 15:48 How to add IMAGES with the UNSPLASH plugin 19:11 How to add ICONS with a free icon pack 24:34 How to SHARE your design 25:57 How to add COMMENTS 26:52 How to EXPORT your design 🔔 If you haven't yet subscribed to our Youtube channel for more Workshop / Facilitation Skills/ Career / and Design Sprint videos: ❤️ 🤍 Thanks for watching! #figmatutorial #figma #figmaplugins 📗If you want to learn even more about Workshop Facilitation grab our Free Facilitation Guidebook 🤍 Want more? Join 200,000+ people subscribing to our AJ&Smart YouTube, LinkedIn, and Instagram channels for free content to help you and your team do more valuable work. AJ&Smart is the #1 design sprint firm in the world, the official Design Sprint training partner with Jake Knapp, inventor of the google design sprint, and partner of choice for the world's most successful brands. Figma UI Design Tutorial - How To Redesign Any Website (Step-By-Step Guide) 🤍

AI03: Build a Website with Midjourney, Figma & ChatGPT

741466
20860
249
00:10:41
20.02.2023

🤍 Alien Interfaces Episode 03 In this episode we create a web application design in midjourney. Then we create the assets and prototype in figma. Finally we use ChatGPT to help us generate the HTML, CSS and Javascript. Prompt: UI UX interface design side by side Behance Dribbble, beautiful colorful creative app marketplace q 2 stylize 1000 v 4 Source Code: 🤍 Midjourney: 🤍 Stability Photoshop Plug-in: 🤍 Greensock Animation Platform: 🤍 Music: - DaniSogen - The Magic Unfolds - Provided by Lofi Records - Watch: 🤍 - Download/Stream: 🤍

Figma Tutorial: 3D Carousel Slider (+ free files 🎁)

279638
13059
257
00:18:18
14.04.2023

Learn how to create amazing 3D carousel sliders with rotating effects in Figma, with no plugins, videos, and no Lottie files, just simple techniques! And don't forget to grab the free Figma files to test this animation yourself! 🤍 Timestamps: 00:00 - Intro 00:18 - Mockups, labels, and fruits 02:56 - Creating our design 05:41 - Creating realistic labels 07:51 - Adding shadows & fruits 10:37 - The "3D rotation" 12:20 - Sliding background 13:40 - Animating text 15:26 - Prototyping time! 16:29 - Play the Prototype! 17:06 - Outro Connect with me 👋 Instagram - 🤍 Twitter - 🤍 Linkedin - 🤍 Thanks for dropping by my channel - if you enjoy what you see, feel free to subscribe and hit that bell notification, and I promise to bring you a ton of free value every week! P.S. If you're interested in learning UI/UX design feel free to check out my design ebooks - there are free samples available (110+ pages total). For mobile designers 👇 🤍 For website designers & freelancers 👇 🤍 My Figma Mastery video course 👇 🤍

5 Awesome Figma Plugins for Designers

53028
4531
11
00:00:38
11.01.2022

Great Figma plugins that meet our needs come to the rescue. If you’re using Figma, these are a must-have! #shorts #figma #plugin 💎 For more #webdesign & #development resources: ➢ Visit Creative Tim Courses: 🤍 ➢ Visit our website: 🤍 ➢ Visit our blog: 🤍 ➢ 𝗡𝗘𝗪 | The Ultimate UI/UX Design Course - 🤍 ➢ Subscribe to our channel: 🤍youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w

My Top Figma Plugins in 2023 ✨

47009
5137
21
00:00:30
12.05.2023

Aha, here are my most used Figma plugins in 2023 - what are some plugins that you can't live without? :) More resources are on 🤍 My go-to design tool is Figma: 🤍 | Let's be fwens! Instagram: 🤍 Twitter: 🤍 | Watch next How to find freelance clients: 🤍 How I manage my time: 🤍 My 9 income streams: 🤍 Why I quit my high-paying job: 🤍 10 side income ideas for UI/UX designers: 🤍 My freelance process: 🤍

The CORRECT (and lazy) way to prototype | Figma Tutorial

386891
13177
259
00:05:00
03.05.2022

My Ultimate Figma Design Masterclass (3,000+ 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: 🤍

Animated mesh gradient in Figma #shorts

82069
6545
22
00:00:59
28.12.2022

How to create & prototype a mesh gradient in Figma! Hope it helps :D - Become a Member (Access to Completed Project Files): 🤍 Sign up for Webflow: 🤍 Get 30% Off ProtoPie with Code: "CALER" 🤍 My Desk Setup for Design & YouTube: 🤍 - Visit my website: 🤍 Find me on Instagram: Instagram: 🤍 - Disclaimer: This video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel! Music: Epidemic Sound Animated mesh gradient in Figma #shorts #short #uidesign #figma #figmatutorial #uxdesign #uxdesigner #uidesigner #webdesign #uiux #userinterface #userexperience #design #webdesigner #dribbble #appdesign #uitrends #uxui #designer #interface #dailyui #typography #designinspiration #designtips #userinterfacedesign #figma #webflow #designer #learndesign #caleredwards

Figma Tutorial: A Crash Course for Beginners

161058
6101
121
01:22:49
16.03.2023

Ready to take your Figma skills to the next level? Join our creative community and get access to 30+ of my courses. Watch the entire course: 🤍 Free Exercise Files: 🤍 Try Figma for Free! 🤍 This Figma Tutorial is a course for beginners in the UX/Figma world. Watch the Figma Advanced Course: 🤍 Watch the Adobe Illustrator Essentials Course: 🤍 Watch the Adobe Illustrator Advanced Course: 🤍 Watch the Adobe Photoshop Essentials Course: 🤍 Watch the Adobe Photoshop Advanced Course: 🤍 Buy Figma here: 🤍 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 #Figma #UXDesign #FigmaTutorial Join the Bring Your Own Laptop Facebook Group: 🤍 Follow me on Instagram: 🤍 Follow me on TikTok: 🤍 Follow me on Twitter: 🤍 Join the LinkedIn Group: 🤍

Figma to HTML and CSS export | Create a responsive website from Figma to code

327349
4900
129
00:03:13
30.05.2022

In this video we will show you how to export your designs from Figma to HTML, CSS and 9 different java-scripts including React, Angular or Vue. Create entire responsive websites by going from Figma to code in seconds using TeleportHQ’s Figma to code plugin. The plugin allows you to convert and export a Figma design into HTML. You can then edit your website using TeleportHQ low-code front-end development tool and get your website ready for deployment. Get the Figma to html Plugin: 👇🤍 TeleportHQ from Figma to code details: 👇 🤍 Sign-up for a free account on TeleportHQ: 👇 🤍

Figma Workflow: Complete Website Design

33389
906
29
00:39:40
30.12.2022

We're working on a full in-depth Figma course! Join the waitlist: 🤍 Need a new Figma account? - 🤍 In this video I’ll walk you through step-by-step on how I would replicate the Linear’s website. Check out my workflow and learn how I go about creating styles, components, wire framing and so much more. 📽️ CHAPTERS 00:00 - Intro 00:24 - Creating styles & components 15:34 - Wire-framing 23:17 - Adding design elements 39:05 - Final result Let me know what you’d like to see next! 💬 Subscribe to Tim's YouTube Channel 👉 🤍 Tim Gabe’s Instagram 👉 🤍 📱 Find us on SOCIAL MEDIA Flux Academy's Instagram 👉 🤍 #figma #webdesign #freelancewebdesigner #figmatips #design

From Figma to a 3D Web Page with Dora Plugin - No code Tutorial

796623
22985
219
00:12:16
06.06.2023

Sign up for Dora: 🤍 Check out Dora's website: 🤍 Check out the live demo: 🤍 (desktop only) Discord: 🤍 Youtube: 🤍doratool Twitter: 🤍 Instagram: 🤍 Tiktok: 🤍 0:00 Intro 0:16 Copy from Figma with Dora Plugin 1:12 Paste to Dora Platform 2:27 Responsive setup with Constraints 6:23 Sticky top bar 7:23 Text fading 8:02 Import and animate 3D

Best Grid and Layout for Web Design

36926
3713
35
00:00:35
15.12.2022

There is ONE grid/layout setting that works for most types of web designs! It's not too wide (as that decreases readability) and has enough flexibility to create multiple different layout types. Let's explore the basics of web design, layout, ux/ui design in these shorts! #webdesign #ui #shorts

Convert Figma to Site in 60 seconds

170671
10417
75
00:01:01
02.02.2022

Install Makers Plugin here: 🤍 You can now publish your Figma designs without ever leaving Figma. I've been working on a plugin to help me convert Figma designs to website automatically for 5 months now. The result is Makers. Makers is a Figma plugin to turn your designs into a site with one click. Fully responsive. It's a site builder inside Figma. This means you can now design and publish your sites without ever leaving Figma. I started working on this plugin primarily because I was tired of converting Figma designs into code (HTML and CSS) and then publishing it. I wanted to do something that accelerated my process. So I built a site builder for Figma. Here’s how it works: - Install the plug-in - Open the plug-in - Select any pre-built component or start with a Template - Tweak around with the design. Make it your own! - Click the "Preview" button - After this, Makers will open a new browser tab, with your design fully responsive. To preview the site, you have to create an account with makers. Why? Simply because we need to associate your Figma design to our own site representation to keep track of all your changes. #Figma #FigmaPlugin #UXDesign #FigmaWebsite #ConvertFigmaToWebsite #UIDesign #FigmaToHTML #FigmaToCSS Makers site: 🤍 Twitter: 🤍

How to wire-frame & design a landing page in Figma

86534
2472
88
00:09:15
18.01.2022

Learn how to wireframe & design a landing page for a travel company in Figma. #figma #dribbble #landingpage #webdesign #design #wireframe Image : Unsplash music : audio library Please Follow, Subscribe & Support our channel: You Tube : 🤍 Instagram : 🤍 Reddit : 🤍 Facebook : 🤍 Our Blog : 🤍 Buy me Coffee : 🤍

Figma product mockup

235955
17993
95
00:00:59
17.06.2022

#shorts #figma #mockup Master Figma with our new course, Figma for Web Designers: 🤍 🤑 FREE Brand Design Workshop - Enroll here 👉 🤍 🤑 Don't forget to subscribe to our channel for more Design Content. Click here 👉 🤍 🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 🤍 📱 Find us on SOCIAL MEDIA Flux Academy's Instagram 👉 🤍 Thanks for watching our video!

Responsive Web Design in Figma - Part1 | Landing Page UI Design | Figma Masterclass

75448
1602
101
00:41:59
03.05.2023

Dear Friends, In this Figma Masterclass I’m going to show you how to create responsive web design in figma. I’ll design travel website home page Part 1 for Desktop & convert it into responsive mobile version in Part 2. In this Speed UI Design figma tutorial you’ll learn figma responsive web design for a landing page using figma Auto layout to make the page ui ux design mobile friendly so it work fine on desktop, tablet & mobile & this is the best tutorial for the figma users who struggle how to covert desktop design(responsive) into mobile. In this UI Design tutorial im using 12 columns layout with 8x8 grid system to make the landing page design properly aligned with spacing, padding & margins in every single item to look consistent. I'm figma plugins to make the process easy with help of these plugins Unsplash, Freepik, Pexels, Beautiful shadows, Type scales, Batch styler, Vector logos, UI faces, Colour hunt. Please drop your suggestions & feedback about this tutorial and I would be very happy if you decided to subscribe, like & share. Thank you - For mobile responsive version please watch this tutorial part 2. 🤍 #responsive #webdesign #ui #website = Please Subscribe to the UIX UNIVERSITY YT Channel: 🤍 = Let's CONNECT on social media and say Hi!! UIX Facebook: 🤍uixdesign.me UIX Instagram: 🤍uixdesign.me UIX Twitter: 🤍uixdesign_uiux UIX TikTok: 🤍uixdesign UIX Dribbble: 🤍uixdesign = Source File: 🤍

Figma to webflow process

24347
1283
13
00:00:42
17.01.2023

Learn more with our Figma to Webflow tutorial: 🤍 📱 Find us on SOCIAL MEDIA & follow Arnau’s Channel Flux Academy's Instagram 👉 🤍 Arnau’s Channel 👉 🤍 #figma #figmatips #webdesign #webflow

Figma to Lottie Plugin

16549
1539
10
00:00:32
17.06.2023

🔥 29% OFF all courses & bundles time is limited so act now!! 🤍 #figma #figmatips #webdesign #design

Figma Animation* How to create a splash screen animation in #figma for your web or app designs

87572
4860
13
00:00:59
10.05.2023

Secret Figma Animation Trick How to create a splash screen animation for your web and app designs in #figma in less than a minute! If you liked this tutorial and you want to see more cool design content like this from the owner of a real design company or you want to check out what we are doing as a business then check out my website link in my bio and follow me for more 🤍jordanislandwebdesign #figmatutorial #animationtutorials #webdesignagency #webdesigntutorial #webdesigntips #designforbeginners #designtutorial #webdesigntrends #webdesigntraining #guernsey #jersey #animation #figmadesign #websitetutorials #appdesign #mobileapp

Convert Figma to Website Automatically

84321
1492
66
00:03:33
23.09.2021

Update: install the Plugin here: 🤍 - One month ago, I started to work part-time on a Figma Plugin to deploy my designs to custom domains automatically. After thousands of lines of codes, I'm proud to let you know that I've achieved my goal! I can go from Figma to a Website with one click. #Figma #FigmaPlugin #UXDesign #FigmaWebsite #ConvertFigmaToWebsite - What is Makers? Makers will be a Figma Plugin to deploy your designs to your custom domains with the click of a button. About this series? I shared my idea on Reddit [1] about how awesome it would be to have a button in Figma to publish my designs. A good amount of people seemed to agree :) That's why I started this series. My goal is to be kept accountable and also keep myself motivated while building the Plugin. You will be in the driver's seat this time. Come on this journey and watch me as I will build the Plugin and give you early access to the tool. Feedback? Any feedback you can provide is gold to me. Jump in the comments and let me know. Also, if you have friends or colleagues that will benefit from this Plugin, don't hesitate to share our early access subscription: 🤍 1️⃣ 🤍

⚡Make a Professional Website UI Design in Figma

83542
2385
107
00:14:53
13.05.2023

Learn how to design a professional website UI in Figma with our tutorial. From setting up your project to creating a homepage and landing page, we cover essential techniques and tools. Discover tips for optimizing your design for various screen sizes. Whether you're a beginner or an experienced designer, our tutorial will help you create a visually appealing and functional website. Subscribe to our channel for more design tutorials. ⚡Download Figma for Free: 🤍 ⚡Learn Figma in 20min: 🤍 ⚡ My After Effects course is out now! 🤍 💯4500+ All in one Graphics Pack: 🤍 🟢 My Steup Gears: 🤍 🔵Other Helpful Figma Tutorials: 10 Tips to work 10X Faster in Figma: 🤍 Design Beautiful Websites in Figma with These UI Tips: 🤍 Figma UI Design Tutorial: 🤍 Figma Tutorial: Nike Website UI Design: 🤍 Figma UI Design Tutorial: Website UI Design in Figma: 🤍 Create Frosted Glass Icons in Figma: 🤍 🟢 My After Effects course is out now! 🤍 ❤️ My Instagram profiles: Dope Motions - 🤍 Nikhil Pawar - 🤍 Join my Telegram Channel for Freebies: 🤍 ▪️ Contact For business, inquiries email me here: nikhil🤍dopemotions.com Website: 🤍 Thank you

Figma | Testing Prototype with Figma Mirror | #figma #uidesign

250430
7205
83
00:00:21
08.05.2023

Figma prototype screen on a coffee onboarding design. Follow for more! Thank you for watching! | Links 👉 To see the prototype tutorial see this : 🤍 👉 Watch my other videos: 🤍 | Let's Connect!👇 Instagram: 🤍instagram.com/tulsiindesign/ Linkedin: 🤍linkedin.com/in/tulsipatelofficial/ #shorts #figma #prototype #uidesign #uiux

Назад
Что ищут прямо сейчас на
web figma 覚王山 奴隷制 上益城 貼揮春 parkbogum Won 劉彥平 에이스침대광고 싸파몰 에이스침대CF 박보검광고 보검복지부 OBS VLC bogummy 에이스침대박보검 어린이 침대 2年级 킹사이즈침대 서남철