Figmadesign

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

Figma tutorial for Beginners: Complete Website from Start to Finish

797672
21053
543
00:43:21
20.05.2022

Build alongside Ran by downloading the starter file here 👉 🤍 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

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

2751290
68031
1993
00:24:23
08.12.2020

Do you want to learn Figma but don’t know where to start? Well, if you follow this step-by-step tutorial, it will only take you 24 minutes to learn all the basics you need to know to start designing apps and websites in Figma. In this Figma tutorial for beginners, UX designer Amr guides you through Figma’s interface and tools following a very valuable principle to start mastering this tool. “If you want to learn the basics, you should copy other designs”. Do you have more questions about Figma or the next steps you should take? Leave them in the comments below ⬇️ ✅ If you want to learn about facilitation and workshopping join our FREE FACILITATION COMMUNITY where hundreds of workshop facilitators gather to share their resources, insights and experiences 👉 🤍 Also if you haven't already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ 🤍 😉 🛠Free resources mentioned in this video: 1️⃣ Figma website - 🤍 2️⃣ Figma resources (Food delivery app UI template) - 🤍 3️⃣ Free Figma icons - 🤍 4️⃣ Unsplash (Free images) - 🤍 ⏰ Video Timestamps 0:00 Intro 0:22 Advantages of using Figma 1:22 How to log in into figma.com 1:36 Why you should copy other designs Start of Tutorial 2:28 How to start a project from a TEMPLATE 5:10 Interface OVERVIEW 5:27 Create a FRAME 6:38 SHAPE and COLOR creation 8:28 CORNER RADIUS adjustment 10:12 Create a CIRCLE 12:25 How to use an ICON 14:28 How to paste IMAGES 15:32 How to use TEXT 18:39 BUTTON UI 21:39 Conclusion 22:32 Next steps ✅ Check out our new FREE FACILITATION TRAINING and learn the 5 things you can do to become a top 1% facilitator and earn 6 figures while doing it! 👉 🤍 Thanks for watching! #Figma #FigmaTutorial #UXDesign 📣 FREE FACILITATION TRAINING! 👉 🤍 We’ve JUST launched a new 1-hour facilitation training, where we’ll teach you: ✅How we landed facilitation gigs with the world’s best companies (Google, Twitter, LEGO & more!) ✅How to successfully build & facilitate ANY workshop, even when you’re not a subject-matter expert ✅How to become a high-paid facilitator in 90 days or less, using our special ‘5-1-6 method’. Interested? This training is available for a limited time only, so unlock it now and start watching! If you want to stay ahead of the UX game, level up your career, and be in the know on the nerdiest, ‘techiest’ things, sign up for our FREE newsletter here: 📩 👇 📝 🤍 👀 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: Get Started in Just 24 Minutes! (2021) 🤍

Create a Figma Design System - Fundamentals (Part 1)

238801
11600
214
00:13:43
02.05.2021

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: 🤍

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

190079
3138
107
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: 👇 🤍

6 MUST HAVE Figma Design System Plugins!!

74849
2594
71
00:12:25
01.03.2022

Timestamps: 00:00 - Shipfaster UI Overview 00:55 - Simple Sort 02:22 - Select Layers 04:13 - Style Organiser 05:50 - Batch Styler 07:47 - Chroma Colors 09:00 - Master Plugin = My Ultimate Figma Design Masterclass (2,000+ students. 90+ Videos. 10+ hours.) 👉 🤍 Shipfaster UI - Advanced Figma Design System (1,500+ 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): 👉 🤍 = Level up with me: Become a legendary designer: 🤍 Personal portfolio: 🤍 Instagram: 🤍 LinkedIn: 🤍 Twitter: 🤍

Figma for Education: Introduction to Design Systems

35790
806
19
01:03:50
29.03.2023

Figma has powerful tools to help structure design process for teams. In this workshop we will introduce the concept of a design system and demonstrate how to build and use components in Figma that can be shared with others to demonstrate and articulate design intent and have consistency across designs. As many leading companies build and maintain design systems across their teams, the basics of design systems are helpful to know when considering product design as a career. Duplicate a copy of the workshop file here: 🤍 Figma is free for students and educators: 🤍 Find us on ⬇️ Twitter: 🤍 Instagram: 🤍 LinkedIn: 🤍 #Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

Turning a Figma Design into a Real Website using HTML and CSS

102015
2534
81
01:05:51
09.09.2021

Developers often have to convert designs in Figma to pure HTML and CSS code. Try Hostinger at 🤍 In this video I take you through the process of converting UI graphics design into a website using tailwindcss inside vscode. This is also part of my bigger series around how I created Enhance AI, a really cool SaaS around using the latest from OpenAI to help developers write code, understand code, write content and blogs and more. Hostinger: 🤍 Coupon: ADRIANTWAROG #figma #html #css The design for this tutorial can be found below Figma Design 🤍 Enhance AI tools A series of tools to help solve coding problems, write content and more 👨‍💻 Enhance AI: 🤍 Learn Design for Developers! A book I've created to help you improve the look of your apps and websites. 📘 Enhance UI: 🤍 Feel free to follow me on: 🐦 Twitter: 🤍 💬 Discord: 🤍 💸 Patreon: 🤍 Software & Discounts: 🚾 Webflow: 🤍 🌿 Envato: 🤍 🌿 Envato Elements: 🤍 🔴 Elementor: 🤍 ✖ Editor X: 🤍 Computer Gear: ⬛ Monitor: 🤍 ⌨ Keyboard: 🤍 🐁 Mouse: 🤍 🎤 Mic: 🤍 📱 Tablet: 🤍 💡 Lighting: 🤍 💡 Key Lighting: 🤍 Camera Equipment: 📷 Camera: 🤍 📸 Primary Lens: 🤍 📸 Secondary Lens: 🤍 🎥 Secondary Camera: 🤍 🎙 Camera Mic: 🤍 🎞 USB to HDMI: 🤍

How to convert Figma Design into Flutter Code | Function12.io

153899
6135
115
00:02:34
25.11.2022

Figma design convater: 🤍 Figma Travel UI: 🤍 If you’re wondering how to convert Figma to Flutter without writing the code yourself, you’ve come to the right place. Today, I’ll show you how to export your Figma designs to Flutter in a few simple steps using function12.io. ► Nominate as a Github Star: 🤍 (🤍abuanwar072) ►For the 3D intro, I'm using Rotato: 🤍 ►Support Us: 🤍 ► Social Media GitHub: 🤍 Twitter: 🤍 Twitter: 🤍 (my personal profile) Facebook: 🤍 ► Timestamps 0:00 Intro 0:12 Figma design 0:20 Design to code convert 1:24 Export the code Thanks for watching! Make sure to like + Subscribe For More!

How to Download Images, Logo, Icons from Figma Design Template

55004
836
56
00:05:04
29.07.2021

Hire Me on Fiverr: 🤍 Figma: The Absolute Beginner to Pro Class: 🤍 Figma UI UX Design Essentials: 🤍 Web Development Fundamentals: Javascript: 🤍 You can join Skillshare and access premium course for free of cost for next 30 days! Check out the link: 🤍 If you are a beginner with Figma, and interested to learn - how to download images, logo, and icons from a design template - this video is going to help you learn the process. Figma is one of the most popular design tool - and we get most of the website design template from our clients in Figma. As a new person to Figma, you might be in a situation to download logo, image or icons from your design template and here I have got the process for you demonstrated in the video. You can Buy Me a Coffee to SUPPORT: 🤍 ✌ Web Hostings I use: 1. Bluehost: 🤍 How to Create a Website with Bluehost: 🤍 2. Hostinger: 🤍 ✌ Website Builders I use: 1. Elementor: 🤍 2. Webflow: 🤍 3. Dorik: 🤍 ✌ Email Marketing Service I use: 1. Sendinblue: 🤍 ✌ Tool I use for Video Ranking: TubeBuddy: 🤍 Let's talk on: 📸 Instagram: 🤍 📥 Email: mdrafy9🤍gmail.com 🌐 Website: 🤍 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ * The information on the videos and the resources available for download/viewing through this YouTube Channel are for educational and informational purposes only.​ By making a purchase through any of the affiliate links above, I (Azharul Rafy) receive a very small commission at no extra cost to you. This helps me keep on my mission to provide quality education to you. Thank you!

Абстрактные линии в Фигма ➰ #figmatutorial #обучениефигма #figmadesign #дизайнбаннера

14743
3358
26
00:00:52
22.11.2022

Абстрактные линии в Фигма ➰ . . . #figmatutorial #обучениефигма #figmadesign #дизайнбаннера

10+ FREE Best Figma Design Systems to Kickstart your UI Design

1257
43
10
00:15:15
15.02.2023

In this video, I will share more than 10 Figma FREE Design Systems that will help you kickstart your UI Designs or Website designs faster in Figma. Watch the video till the end to see which 3 Design Systems are the winner in this video that has brilliant and pleasant feel and colors to them. - I teach UI UX Design to more than 100K+ students from 190 countries. Learn and improve your career as UX/UI Designer and upgrade it. Watch FREE - 5h Video Course - Visual Design for UI Designers & Developers ► 🤍 Take my UX UI Design Classes on Skillshare ►🤍 17+ Pro UI UX Design Course bundle for $99 (Biannual) ► 🤍 Book me as your Mentor (only 4 slots) ► 🤍 - Kit Camera, Microphone used in the making of this Video ►🤍 Follow me here, Thanks 🤍 🤍 🤍 🤍 🤍 🤍

Locofy.ai: Convert your Figma designs to Quality Code 🔥

166296
5856
341
00:23:07
17.11.2022

Get it for free here: 🤍 Locofy.ai enables you to build products faster by converting designs to code. Available for Figma & Adobe XD. Locofy supports React, React Native, HTML-CSS, Nextjs & Gatsby. Try locofy.ai now (free beta) and let me know what you think in the comments section. Turn your designs into production-ready front-end code for mobile apps and the web. With Locofy you can ship products 3-4x faster with your existing design tools, tech stacks & workflows ►Checkout my English channel here: 🤍 ►Instagram: 🤍instagram.com/codewithharry python, C, C, Java, JavaScript and Other Cheetsheets []: Playlist: 🤍 ►Learn in One Video[]: Python[15 Hr]: 🤍 Python Advance[3.5 Hr]: 🤍 Python[1 Hr]: 🤍 Python[2 Hr]: 🤍 Python[15 Min]:🤍 JavaScript[1 Hr]: 🤍 C[1.3 Hr]-🤍 php[1 Hr]: 🤍 php[2.3 Hr]:🤍 php[Project]- 🤍 HTML[30 Min]:🤍 CSS[8.5 Hr]:🤍 CSS[1.4 Hr]:🤍 Wordpress[3.2 Hr]:🤍 Angular[2 Hr]:🤍 Java[2.3 Hr]:🤍 Web Scraping[1 Hr]:🤍 MongoDB[2 Hr]:🤍 Numpy[1 Hr]:🤍 Android Dev[12 Hr]- 🤍 Linux[1 Hr]:🤍 JQuery[1.1 Hr]:🤍 Git and GitHub[1.1 Hr]:🤍 ►Complete course [playlist]: React: 🤍 Python-🤍 OOP Python-🤍 Java:🤍 JavaScript- 🤍 PHP-🤍 C-🤍 C-🤍 Git & GitHub-🤍 Android Dev- 🤍 Python GUI- 🤍 Web Development- 🤍 Python Django:🤍 Projects Using HTML, CSS & Javascript- 🤍 Data Structure and Algo:🤍 Follow Me On Social Media ►Website (created using Django Rest & Angular): 🤍 ►Facebook: 🤍 ►Instagram: 🤍 Twitter: 🤍 Comment "#HarryBhai" if you read this 😉😉

Graphic Design In Figma #design #figma #figmadesign

15
7
0
00:19:28
09.12.2022

In this Video, I'm to show you how to create a flier using Figma. Here I will show you a simple way in designing fliers. Let me know what you think about this video and should in case you have any challenges, let me know in the comment section. Remember to Like, Share, Comment and Subscribe. Also hit on the notification bell to get notified when a new video drops. Thanks!

Learn to Create 3D Ball In Figma | #figma #design #figmadesign #edit #video #3d #graphicdesign #tool

454
12
2
00:00:36
24.01.2023

Learn to Create 3D Ball In Figma | #figma #design #figmadesign #edit #video #3d #graphicdesign #tool

Create a Figma Design System - Color Systems Tutorial (Part 2)

116139
3335
140
00:11:33
06.05.2021

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: 🤍

🔴How To Export CSS Code From Figma | Turn Figma Design into Real World Website #15

57861
888
32
00:07:00
12.11.2021

Welcome, we will see How To Export CSS Code From Figma. Export Code The Code tab in the Properties panel allows you to inspect and export the code. Currently, Figma supports CSS, iOS and Android imports. Some of the properties you can import include color values, typography, sizes, etc. It allows two formatting styles which are Table and Code, you can simply toggle between the two. 😍 Check my Personal Instagram to Connect with me: 🤍 😍 Check my Web Development Instagram Page : 🤍 BEST OFFER ON SERVER * Guy's If you are thinking of buying a server(Web Hosting) then this is the best time because I have special offer for you ❤ If you buy through the Link given below, then you will get 😍 Minimum 50% to 70% Discount(Depends on Plan) + 7% Extra Special Coupon Code + 200rs Cashback after 1Month I know you love the Offer right It's better then Black Friday Sale ✌ Only for Thapa Technical Family 👇. ❤❤ Click Here For Server Link : 🤍 ❤❤ ❤ For Thapa Family Use Special Discount Coupon : THAPA7 ❤❤ When you buy through my Link then Join Our Telegram Group to get 200rs Cashback👉 🤍 For More check Website Link: 🤍 BEST OFFER ON SERVER 👆* 📢📢 Welcome, to Mega Source Code Giveaway! 😍 10 Lucky Winners will get a Chance to win JavaScript in 16hrs+ , 1 Static Website, 1 Dynamic Website, MERN Series & React Videos Source Code For Free :) 😀 Enter the Giveaway HERE 👉: 🤍 (100% Free)

✨ Золотой текст в в Фигма ✨ #goldeffect #figmatutorial #webdesign #graphicdesign #figmadesign

3130
112
14
00:00:23
08.01.2022

Мой инстаграм, где делюсь разными полезностями для дизайнеров: 🤍

Design Blob Animation In Figma #interactivecomponents #tutorial #texteffect #figmadesign

28
2
0
00:01:01
28.03.2023

-~-~~-~~~-~~-~- Check out my video on how to create a stunning flip card effect in Figma! This step-by-step tutorial will show you how to add an interactive element to your designs, perfect for creating engaging and eye-catching projects. Click the link below to watch now! 🤍 -~-~~-~~~-~~-~-

Go from Figma design to a real website in seconds with Framer #shorts #figma #figmatips #nocode

2999
173
8
00:00:16
25.01.2023

Watch an in-depth tutorial on how to import your Figma design into Framer 🤍 🌞 Try Framer for free: 🤍 💖 Follow on Twitter: 🤍 💎 Join Discord Community: 🤍

Splash screen animation in figma | Easy Tutorial #figma #animation #viral #figmadesign

685
35
2
00:09:35
23.05.2023

Please subscribe my channel for more videos 🤍DesignWithKajal Splash screen animation in figma | Easy Tutorial #figma #animation #viral #figmadesign

Convert Png to svg in figma | #figma #figmadesign #figmatips

1139
25
0
00:00:23
27.12.2022

Easy way to convert the png file to svg file in figma using image tracer plugin

Land page website in figma design witn smart animation #figmadesign #figmatips #shortsvideo

112
0
00:00:12
28.02.2023

Experiment with dark, almost black and white landing page, 3D interactive object scrolling effect with low key backlight. Land page website design in figma with smart animation

Conical Gradient Animation | Figma Tutorial #speedart #uidesign #figmadesign

35
3
0
00:00:42
08.04.2023

Speed Art. Easy Gradient Animation With Figma User Interface design using figma. Speed Ui Design. I took inspiration from this. UI design refers to the visual design of a digital product’s interface. It’s the process of creating interfaces (namely apps and websites) with a focus on look, style, and interactivity. A UI designer will design the movement between different screens, and create the visual elements—and their interactive properties—that facilitate user interaction ✋Subscribe: ‎🤍itsrehanraihan My Socials: 🤍instagram.com/itsrehanraihan 🤍twitter.com/itsrehanraihan 🤍figma.com/🤍itsrehanraihan 🤍dribbble.com/itsrehanraihan 🤍behance.com/itsrehanraihan [This video is not a work of mine. ] Copyright Disclaimer: Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. #figmadesign #speedart #uiux #rehan #believeinyourself #designinspiration rehanraihan, uiux, ui design, design inspiration, ui challenges, figma, figma Design, ux crash course, prototyping, animation, ui tutorial, user interface design, speed art, speedui, codeopacity, opacityauthor

Figma Text Animation #figmadesign #speedart #design #uidesign

28
3
0
00:00:54
28.03.2023

Figma Animated Text Using Figma Prototype 🤍itsrehanraihan #uidesign #speedart #believeinyourself #figmadesign #rehan Keywords: Rehan, REHAN, itsrehanraihan, Figma, Figma tutorials, figma plugin, ui, ux, ui-ux, Design, codeopacity

Dropdown animation in figma | FAQ page #figma #animation #figmadesign #youtubeshorts #dropdown

43
5
0
00:00:13
16.05.2023

Watch full video here 🤍 Dropdown animation in figma | FAQ page animation | Frequently asked question page animation | dropdown #viral #figma #animation #figmadesign #youtubeshorts #dropdown #viral 🤍DesignWithKajal

Figma Tutorial for UI Design - Course for Beginners

962522
24117
896
10:16:51
05.01.2022

In this Figma course, you will learn how to use Figma for UI Design. Figma is a vector graphics editor and prototyping tool. ✏️ Joseph Brendan developed this course. Check out his YouTube channel: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:55) Creating A Figma Account ⌨️ (0:02:32) Creating & Naming A Figma Design File ⌨️ (0:04:47) Creating Shapes In Figma ⌨️ (0:07:16) Selection In Figma ⌨️ (0:12:02) Editing Shapes In Figma ⌨️ (0:36:14) Introduction To Typography In Figma ⌨️ (1:01:41) Design Tree In Figma ⌨️ (1:06:43) First Design Task ⌨️ (1:20:44) Colors In Figma ⌨️ (1:44:22) Drawing Tools In Figma ⌨️ (1:49:20) Margin And Padding In UI UX Design ⌨️ (1:56:08) Figma AutoLayout ⌨️ (2:13:48) Formatting Principles In Figma ⌨️ (2:34:32) Figma Constraints And Resizing ⌨️ (2:51:11) Website Design in Figma ⌨️ (2:55:52) Jakob's Principle Of Design ⌨️ (3:00:25) Introduction to Styles and components ⌨️ (3:25:29) Figma Component Variants ⌨️ (3:36:18) Layout Design & Configuration For Websites in Figma ⌨️ (3:40:07) Layout Grids In Figma ⌨️ (4:01:22) Introduction To Responsive Design ⌨️ (4:07:32) Material Design Guide ⌨️ (6:26:24) Introduction To Tailwind UI ⌨️ (6:28:24) Tailwind UI Design Project ⌨️ (7:25:45) Responsive Landing Page Design Project ⌨️ (8:45:54) Designing Mobile Apps ⌨️ (8:56:47) Iconography In Figma ⌨️ (9:02:32) Boolean Groups ⌨️ (9:09:52) Figma Tokens ⌨️ (9:18:29) Animation In Figma With Figmotion ⌨️ (9:36:29) Mobile Design Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍

How to Export Figma design to Android Studio using Export kit (2023).

13300
210
23
00:06:38
18.12.2022

Hello Learners, In this video we will check how to export Figma design to Android Studio using Export kit. Export kit allowed only one screen design to download for free. In the next video, we will check how to export all screen designs from Figma to Android Studio for free. Stay tuned with me. Part 2: 🤍

Figma design system for a marketing website

90733
3450
171
00:20:09
13.04.2019

Download a free checklist and how-to guide for creating your own design system here ➡️ 🤍 Creating a design system for a marketing website was a daunting task for me because I hadn't seen many examples based on a marketing website, they were all for apps or products! So if you're interested in creating or managing a design system for a website you're working on, I hope you find this video useful. Watch in full screen to be able to see all of the details, or download the guide so that you can zoom in on the screenshots and get the detailed instructions. GET THE FREE GUIDE 🤍 Shout out to Figma for being a great tool. Create an account here: 🤍 (This isn't an ad, they haven't paid me, I just seriously think they're great) Please remember to click subscribe if you'd like to see more of my videos. // WANT TO SUPPORT MY CHANNEL? Become a ✨channel member✨ and get a cool icon next to your name in livestream chats, plus priority replies to your comments. Just click 'Join' (it's next to the subscribe button) Or, if you like, you can put something in my tip jar right here: 🤍 Sharing my videos or recommending my channel to a design friend is also very much appreciated! :) // ABOUT ME I'm Charli and I'm designer from New Zealand currently living in Valencia, Spain. I’m the Creative Director at a remote tech company called ConvertKit and I posting videos about the design projects I work on and the tools I use, as well as vlogs of my life as a designer. I regularly livestream what I'm working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe we'll see you in the live chat on the next stream. 💬 Twitter: 🤍 📷 Instagram: 🤍 // MORE Join my free weekly marketing design newsletter: 🤍 Buy my hand written font, Grayscale: 🤍 Book a mentoring session with me: 🤍 My site & blog: 🤍 Design Life podcast: 🤍 Inside Marketing Design podcast: 🤍 // TECH & TOOLS 📹 Get links to all the tech hardware I use to make my videos (and the art on my gallery wall!) right here: 🤍 💻 Software I use: Webflow (no-code website builder)*: 🤍 Premiere Pro (video editing)*: 🤍 Adobe Audition (audio recording)*: 🤍 After Effects (intro animation)*: 🤍 Figma (web design): 🤍 Photoshop (thumbnails)*: 🤍 ConvertKit (marketing platform): 🤍 Riverside (podcast interview recording)*: 🤍 Music in this video from Epidemic Sound*: 🤍 Video captions by Rev (very cost effective service! I recommend)*: 🤍 Intro & end card animation by Austin Saylor: 🤍 Editing by Nancy Palm 🤍 & Belén Albiol 🤍 (or sometimes by me!) Links marked with a * are affiliate links. I can't believe you read the whole description box! You get a ⭐️

Clarity Glass Animation | Figma Prototype | Figma Animation | REHAN #speedart #figmadesign

91
8
1
00:01:01
31.03.2023

Speed Ui Art. Trendy Glass Design in Figma with Animation. User Interface design using figma. Speed Ui Design. I took inspiration from this. UI design refers to the visual design of a digital product’s interface. It’s the process of creating interfaces (namely apps and websites) with a focus on look, style, and interactivity. A UI designer will design the movement between different screens, and create the visual elements—and their interactive properties—that facilitate user interaction ✋Subscribe: ‎🤍itsrehanraihan My Socials: 🤍instagram.com/itsrehanraihan 🤍twitter.com/itsrehanraihan 🤍figma.com/🤍itsrehanraihan 🤍dribbble.com/itsrehanraihan 🤍behance.com/itsrehanraihan [This video is not a work of mine. ] Copyright Disclaimer: Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. #figmadesign #speedart #uiux #rehan #believeinyourself #designinspiration rehanraihan, uiux, ui design, design inspiration, ui challenges, figma, figma Design, ux crash course, prototyping, animation, ui tutorial, user interface design, speed art, speedui, codeopacity, opacityauthor

Convert A Figma Design To A Real Website (HTML) - Part I

453748
7079
131
00:09:20
06.02.2020

Hi, in this video, I will show you how to convert a Figma design to a real website using HTML and CSS and some JavaScript. This is the first part of the video series. In this part we will cover the HTML. In the next part we will work with the CSS and JavaScript. Figma File: 🤍 Link of Figma Design video: 🤍 Next Video (CSS & JS): 🤍 Link of the complete Playlist: 🤍 Source code: 🤍 If you liked this video, please click on the LIKE button and subscribe to this channel for notifications.

Download brand logos in Figma - Brandfetch (plugin) #figma #figmadesign #figmatutorial #figmatips

356
12
0
00:00:47
08.11.2022

A shorts about downloading logos using plugin "brandfetch" in figma. Subscribe for more :-)

Figma Loader Animation #speedart #uidesign #rehan #figmadesign

445
11
0
00:00:39
28.04.2023

Speed Art User Interface design using figma. Speed Ui Design. I took inspiration from this. UI design refers to the visual design of a digital product’s interface. It’s the process of creating interfaces (namely apps and websites) with a focus on look, style, and interactivity. A UI designer will design the movement between different screens, and create the visual elements—and their interactive properties—that facilitate user interaction ✋Subscribe: ‎🤍itsrehanraihan  My Socials: 🤍instagram.com/itsrehanraihan 🤍twitter.com/itsrehanraihan 🤍figma.com/🤍itsrehanraihan 🤍dribbble.com/itsrehanraihan 🤍behance.com/itsrehanraihan [This video is not a work of mine. ] Copyright Disclaimer: Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. #figmadesign #speedart #uiux #rehan #believeinyourself #designinspiration rehanraihan, uiux, ui design, design inspiration, ui challenges, figma, figma Design, ux crash course, prototyping, animation, ui tutorial, user interface design, speed art, speedui, codeopacity, opacityauthor

Loading animation in figma | Easy Tutorial #viral #figma #animation #figmadesign #easy #loading

101
4
0
00:04:38
08.05.2023

Please subscribe my channel for more videos 🤍DesignWithKajal Loading animation in figma | Easy Tutorial #viral #figma #animation #figmadesign #easy #loading

Назад
Что ищут прямо сейчас на
figmadesign 習近平 VOMIC 创意 aphone jerusalem Jungle ygopro ТБ МОИ ПИТОМЦЫ 刷屏 Arrangers участок на берегу OPPO A1K fm23 premiere league name fix ктв Billie eilish МОТО 刺笋 blackspad