Это видео недоступно.
Сожалеем об этом.
Design an amazing landing page using only Figma Plugins | Figma Tutorial
HTML-код
- Опубликовано: 8 авг 2024
- Figma is an amazing design app with even more amazing plugins. Here are 6 of the most magical Figma design plugins I recommend for developers, designers and non-designers alike to make it easier and faster to design websites, landing pages and graphics.
#figma #figmatutorial #figmatips
🔗 Links to all plugins and community file - designerup.co/blog/6-magical-...
🎥 WHAT TO WATCH NEXT
👉🏽 The absolute best guide to color theory and choosing colors - • Super Practical Guide ...
👉🏽 Fonts and Typography - • The Difference Between...
⚡️ Take our FREE UI design crash course for developers - designerup.co/ui-design-for-d...
⏱TIMESTAMPS
00:00 - Intro
00:22 - Grid Layout Setup
01:42 - Hero design
02:19 - Font scale plugin
04:03 - Blobs plugin
05:17 - Pexels plugin and Unsplash plugin
06:26 - Vector Logos plugin
07:47 - Google Symbols plugin
09:54 - Remove BG
11:44 - Summary
11:47 - Gift for you
📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED
⊚ Enroll Now | designerup.co/product-design-...
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | designerup.co/ui-design-crash...
⊚ Newsletter | designerup.co/newsletter
⊚ Live Webinars | designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | designerup.co/blog
🥰 JOIN OUR MINDFUL COMMUNITY
⊚ DesignerUp Community | designerup.co/community
💬 CONNECT WITH US
⊚ Twitter | / designerupco
⊚ Instagram | / designerupco
⊚ Facebook | / designerupco
⊚ LinkedIn | / designerupco
⊚ Pinterest | / designerupco
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma | go.designerup.co/figma
⊚ ProtoPie | go.designerup.co/protopie
⊚ Notion | go.designerup.co/notion
⊚ Framer | go.designerup.co/framer
⊚ Canva | go.designerup.co/canva
⚙️ RECOMMENDED GEAR
Video Gear | kit.co/DesignerUp/designerup-...
Home Office Accessories | kit.co/DesignerUp/home-office...
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ RUclips creator
⊚ Author
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co
Absolute poetry in motion, Elizabeth!!!
The value provide in your videos is amazing, I really enjoy learning new things from you. Quick tip though: please use the dark theme for a better view and understanding of what you're saying or explaining. Thanks!
The amount of value your videos provide to those of us new to the industry is insane. Thank you for all the hard work!
Really happy to hear how much you appreciate it. Thanks for your kind words 😊
Interesting and highly educative video, would recreate and apply the lesson learnt on a project
Excellent video! Thanks!
Так подобається Ваша подача інформації ❤
Заодно й англійську вивчаю))
Thanks!
Very useful. Thanks. I never miss any of your vids
Oh thank you Nida 🙏🏽
Thanks so much for making this invaluable video. You just do your thing effortlessly.
Thanks.
Oh thanks very much! I took 15 years as a designer to make it look effortless 😅
Amazing 🤩.. I'm always looking forward ⏩ to your vidoes.
Happy to hear that Sulaiman 😄
Thank you teacher Elizabeth, for an easy-to-follow landing page design tutorial using only plugins in Figma. This technique is also very useful during the rapid prototyping sessions. Keep enlightening us! Lot's of wishes and respect from Pakistan 🇵🇰
Thanks very much Umair! Glad you found the technique helpful. Be well!
Man this was an awesome vid, thank you so much
Super glad you like it! Hope it helps you design amazing things!!
wow, amazing tutorial...
📚If you enjoyed this lesson, there's even more you can learn in our Product Design (UX/UI) Course! Come Join us! 👉🏽designerup.co/product-design-ui-ux-course
thank you so much 😍🥰
I'm really learning a lot, thank you
So good to hear! Thank you for commenting 😊
very nice. like it
youre the best
thanks very useful, default how menubar size font size tell me a little about this, i am a beginner
So cool 🥰😎😎
Awesome vid Liz🤗
Hey Ikenna! Thanks man 🤗
Gained a new loyal follower. you are amazing.
So happy to hear that! Thank you Kwena!
Bifold type brochure design upload
Probably a really intricate question, but:
Why 32 for margins on your column grid?
I adjust this based on the device I’m designing for and sometimes even the design itself (might be smaller If I’m designing a magazine layout for example) I find 32 to be a good base width for large desktop screens. What do you prefer?
Do you have a community, where I can join in order to interact more with like-minded individuals in the design space?
We do in fact have an amazing community here it’s called Mindful Design Pro designerup.co/community
hm, why do my font sizes have half-pixels? 42.02, 18.12? how to avoid it? I'm talking about fontscale plugin
Fontscale generates a very specific size based on the basesize you input and the ratio you select. This is meant to be used as a general guide and tweaked or rounded up or down to meet the needs of your specific layout or grid. For example, say you are using a 4 point baseline grid to design your website. You could round size 19.25 up to 20 (nice whole number and it’s divisible by 4) that way it works with YOUR designs.
There is any option that the Font Scale Plugin isn't exist anymore?
Here’s a great one to try www.figma.com/community/plugin/739825414752646970/typescales
Woman is a wizard.
Hahah, they don’t call me Liz the Wizard for nothing 🧙♀️