Thalion - UX MISFIT
Thalion - UX MISFIT
  • 57
  • 586 370
Prime 6.0 - Typography Variables
With Prime version 6.0 you may start using typography variables. They are connected with Text Styles the smart way to allow you customize the setup very quickly
Check Prime Figma Design Starter Kit:
primedesignsystem.com/
Figma & UI Design Tips: thalion.pro
Find me on other social media platforms:
Instagram: thalion_pb
Twitter: thalion_pb
#uidesign #figma #figmatips #primedesignsystem #designsystem
มุมมอง: 816

วีดีโอ

Figma AI How to Generate Design (From Zero to Hero)
มุมมอง 26K3 หลายเดือนก่อน
During Config 2024 Figma revelead the brand new AI features. See how easily you may generate designs with it, and how to push it to the current limits. More Figma & UI Design Tips: thalion.pro Figma Design Starter Kit: primedesignsystem.com/ Find me on other social media platforms: Instagram: thalion_pb Twitter: thalion_pb #uidesign #figma #figmatips #figmaplugins #fi...
3D Isometric Effect in Figma
มุมมอง 1.7K11 หลายเดือนก่อน
Create stunning isometric 3d effect purely in Figma. The effect is inspired by hero section illustration from: primedesignsystem.com/ Plugin used in this tutorial: www.figma.com/community/plugin/1249759048471403961/fast-isometric More Figma & UI Design Tips: thalion.pro Figma Design Starter Kit: primedesignsystem.com/ Find me on other social media platforms: Instagram: thalion_pb...
Visual Effects in Figma - Apple Event Logo (Scary Fast)
มุมมอง 1.1Kปีที่แล้ว
This tutorial shows how to mimic 3D light reflection from Apple Event announcement. Everything made directly in Figma. More Figma & UI Design Tips: thalion.pro Figma Design Starter Kit: primedesignsystem.com/ Find me on other social media platforms: Instagram: thalion_pb Twitter: thalion_pb #uidesign #figma #neuomorphism #figmatips #appleevent Thanks for watching the ...
Satin Glass Effect in Figma
มุมมอง 2.3Kปีที่แล้ว
Glassmorphism is everywhere from wearables, mobile into spatial computing. In this tutorial I will show you how to create more original effect to stand out from the crows. More Figma & UI Design Tips: thalion.pro Figma Design Starter Kit: primedesignsystem.com/ Find me on other social media platforms: Instagram: thalion_pb Twitter: thalion_pb #uidesign #figma #glassmo...
Figma to Webflow plugin - Quick review
มุมมอง 953ปีที่แล้ว
Webflow released the plugin that helps to turn our Figma designs into a living website within a few clicks. Sounds amazing? Let's check out how it works! See my blog: thalion.pro See the Design Tools I make: uxmisfit.tools My older blog: uxmisfit.com Find me on other social media platforms: Instagram: thalion_pb Twitter: thalion_pb #uidesign #figma #webflow Thanks for...
How to Create Incredible Button Hover Effect - Figma Tutorial
มุมมอง 9Kปีที่แล้ว
Learn how to create stunning button hover effect with incredible animation directly in Figma. See my blog: thalion.pro See the Design Tools I make: uxmisfit.tools My older blog: uxmisfit.com Find me on other social media platforms: Instagram: thalion_pb Twitter: thalion_pb #uidesign #figma #interactivecomponent #uidesigntutorial Thanks for watching the video!
Prime 4 - How to Change Text Styles in Figma
มุมมอง 7K2 ปีที่แล้ว
Start working with Prime Design System Kit for Figma. The tutorial shows how to customize text styles & typography scale of the kit quickly. www.primedesignsystem.com Blog: uxmisfit.com UX/UI tools for designers: uxmisfit.tools Social media: Instagram: thalion_pb Twitter: thalion_pb
Prime 4 - How to Change Color Styles in Figma
มุมมอง 12K2 ปีที่แล้ว
Start working with Prime Design System Kit for Figma. The tutorial shows how to customize color palette of the kit quickly. www.primedesignsystem.com Blog: uxmisfit.com UX/UI tools for designers: uxmisfit.tools Social media: Instagram: thalion_pb Twitter: thalion_pb
Prime 4 - How to Import The Kit to Figma
มุมมอง 6K2 ปีที่แล้ว
Start working with Prime Design System Kit for Figma. The tutorial shows how to import the document right into Figma. www.primedesignsystem.com Blog: uxmisfit.com UX/UI tools for designers: uxmisfit.tools Social media: Instagram: thalion_pb Twitter: thalion_pb
10 Figma Plugins you should discover
มุมมอง 3K2 ปีที่แล้ว
Use this selection of plugins to work faster in Figma. Have other examples that may be useful? Let me know in comments! 🔥 Get the UI Design Tactics eBook: www.uxmisfit.tools/ui-design-tactics 🔥Check out Prime 3.0 Design Starter Kit for Figma & Sketch: www.primedesignsystem.com/ 🔥See all my UX/UI tools: www.uxmisfit.tools/ See my blog: uxmisfit.com Tools I create for designers: uxmisfit.tools Fi...
5 Useful FigJam Widgets
มุมมอง 2.1K2 ปีที่แล้ว
Widgets and plugins are here with us in FigJam. They can make our remote workshops more organized and help us gather better feedback. Use this selection of widgets to improve your FigJam sessions. Have other examples that may be useful? Let me know in comments! 🔥 Get the UI Design Tactics eBook: www.uxmisfit.tools/ui-design-tactics 🔥Check out Prime 3.0 Design Starter Kit for Figma & Sketch: www...
Zeplin Quick Start Guide for Developers
มุมมอง 1.9K3 ปีที่แล้ว
How to use Zeplin as the developer? Here is the quick start guide to help you work with this tool. 00:00 - Intro 00:25 - Native app or browser 00:37 - Start with style guide 01:11 - Inspecting mockups 01:27 - Exporting assets 01:55 - Discussion with a designer 02:11 - Zeplin integrations 02:25 - Extensions 02:58 - Live comparison 03:22 - Summary Learn more about Zeplin 👉 Zeplin.io - Want to lea...
How to prepare Style Guide in Zeplin
มุมมอง 2.8K3 ปีที่แล้ว
Learn how to prepare the style guide in Zeplin so developers will be able to set all design tokens & components with ease. 00:00 - Intro 00:23 - Style guides structure 01:09 - Navigation inside style guide 01:24 - Colors 01:41 - Text Styles 01:54 - Spacing 02:14 - Components 02:44 - Inspecting designs with styles & components 03:01 - Exporting design tokens 03:12 - Summary Learn more about Zepl...
How to Organize Workspace for Design Handoff - Figma & Zeplin
มุมมอง 1.4K3 ปีที่แล้ว
What are the best practics for organizing workspace for design handoff? Let me show you how many designers do this in Figma and how moving your final designs to Zeplin will improve the process. 00:00 - Intro 00:23 - Best Practices for Handoff Organization 01:05 - Organizing Handoff in Figma 01:40 - Disadvantages of Handoff in Figma 01:58 - Organizing Handoff in Zeplin 02:08 - Sections 02:37 - V...
From Figma to Zeplin - How to Prepare Design for Handoff to Developers
มุมมอง 3.2K3 ปีที่แล้ว
From Figma to Zeplin - How to Prepare Design for Handoff to Developers
Improving UI with Design Tactics: Audio Jungle
มุมมอง 2.4K3 ปีที่แล้ว
Improving UI with Design Tactics: Audio Jungle
UI Design Tactics - Part 2
มุมมอง 5053 ปีที่แล้ว
UI Design Tactics - Part 2
UI Design Tactics - Part 1
มุมมอง 9803 ปีที่แล้ว
UI Design Tactics - Part 1
How to Create Neon Glass Effect - Figma & Sketch Tutorial
มุมมอง 19K3 ปีที่แล้ว
How to Create Neon Glass Effect - Figma & Sketch Tutorial
Prime Design Starter Kit 3
มุมมอง 6K3 ปีที่แล้ว
Prime Design Starter Kit 3
Figma Interactive Components in 3 minutes - Tutorial
มุมมอง 15K3 ปีที่แล้ว
Figma Interactive Components in 3 minutes - Tutorial
Glassmorphism - Guide to UI Visual Hierarhy
มุมมอง 2.3K3 ปีที่แล้ว
Glassmorphism - Guide to UI Visual Hierarhy
Position The Image Quickly in Figma - Tips & Tricks
มุมมอง 2.6K3 ปีที่แล้ว
Position The Image Quickly in Figma - Tips & Tricks
Fill Layer with Image Quickly in Figma - Tips & Tricks
มุมมอง 2.2K3 ปีที่แล้ว
Fill Layer with Image Quickly in Figma - Tips & Tricks
Duplicate Elements Quickly in Figma - Tips & Tricks
มุมมอง 29K3 ปีที่แล้ว
Duplicate Elements Quickly in Figma - Tips & Tricks
Duplicate Elements Quickly in Sketch - Tips & Tricks
มุมมอง 2433 ปีที่แล้ว
Duplicate Elements Quickly in Sketch - Tips & Tricks
How to Create Glass Card Effect - Figma Tutorial
มุมมอง 362K3 ปีที่แล้ว
How to Create Glass Card Effect - Figma Tutorial
How to Create Glass Card Effect - Sketch Tutorial
มุมมอง 11K3 ปีที่แล้ว
How to Create Glass Card Effect - Sketch Tutorial
Boost Design Workflow in Sketch with Tabs - Tutorial
มุมมอง 3873 ปีที่แล้ว
Boost Design Workflow in Sketch with Tabs - Tutorial

ความคิดเห็น

  • @BLZBlazer-rd7zj
    @BLZBlazer-rd7zj 7 วันที่ผ่านมา

    THANK YOU SO FRICKING MUCH!!!!

  • @nazliexgraphics
    @nazliexgraphics 8 วันที่ผ่านมา

    Amazing!

  • @nikediana4643
    @nikediana4643 10 วันที่ผ่านมา

    Wow thank you!

  • @aneela3586
    @aneela3586 11 วันที่ผ่านมา

    Amazing! Loved it. Gonna try it today.

  • @developer-h6e
    @developer-h6e 15 วันที่ผ่านมา

    I am using figma pro, and ai is turned on. i am not familiar how can i get it to design, can't find it.

    • @thalion_pb
      @thalion_pb 15 วันที่ผ่านมา

      Unfortunately Figma unpublished the feature even for beta users while ago. They need to rethink how it generates the UI again, no 2nd release date yet.

    • @developer-h6e
      @developer-h6e 15 วันที่ผ่านมา

      @@thalion_pb Thanks

  • @jwolpert
    @jwolpert 16 วันที่ผ่านมา

    Surprising how bad at design Figma is in some ways. Making people peck all over the place to discover that they have no way to get the beta other than waiting is not good design. On every version of plans and every interface right in settings, there should be a clear widget saying whether you have beta and what you can do to either raise hand to get it or at least know that you just have to wait. When tons of users are lost, that's a design fail.

  • @sharqyyem
    @sharqyyem 17 วันที่ผ่านมา

    Hi, thanks for sharing this experience. It will be very helpful if you mentioned in title that this feature is beta or something similar. we all couldn't find it in our figma.

  • @MubashirullahD
    @MubashirullahD หลายเดือนก่อน

    Have the course guide developers, not just designers.

  • @Леонид-с5з
    @Леонид-с5з หลายเดือนก่อน

    3:23

  • @redcabinvintage
    @redcabinvintage หลายเดือนก่อน

    anyone have this feature yet? cant wait for AI!

  • @daviddr2d2
    @daviddr2d2 หลายเดือนก่อน

    Good video, very clear what to do, and no mucking around. Wow, a lovely effect! Amazing what you can do in Figma. I subscribed. Thank you.

  • @lucasgaspari4175
    @lucasgaspari4175 หลายเดือนก่อน

    thank you so much!!!!!!

  • @PhillyEagles993
    @PhillyEagles993 2 หลายเดือนก่อน

    I downloaded Figma and the feature is not in it

    • @Beebsis
      @Beebsis 5 วันที่ผ่านมา

      It's in beta, so it's only rolling out.

  • @javierfesserlosantos2252
    @javierfesserlosantos2252 2 หลายเดือนก่อน

    Heyy! It not working for me

  • @SinaNouri21
    @SinaNouri21 3 หลายเดือนก่อน

    Will figma AI be free for all users?

    • @thalion_pb
      @thalion_pb 3 หลายเดือนก่อน

      It is free this year. Staring next one it will became paid addon.

  • @FreedomUnchained
    @FreedomUnchained 3 หลายเดือนก่อน

    How? I missed how to get bar on bottom. Some plugin? UI something?

    • @thalion_pb
      @thalion_pb 3 หลายเดือนก่อน

      This is beta version of the newest Figma UI. It is rolled out in phases - all you need is to wait for it.

  • @itslocane412
    @itslocane412 3 หลายเดือนก่อน

    My biggest issue with this is the fact that they even introduced a beta...They should of just dropped it for everyone. Feels unfair to wait so long, there's so many users who are against this which have access to the AI while users who actually want to utilize it aren't getting access.. Kinda annoying from Figma.

  • @traceyhorner8734
    @traceyhorner8734 3 หลายเดือนก่อน

    how do we get this view? How do we make the toolbar show at the bottom??

  • @gunelnovruzova2008
    @gunelnovruzova2008 3 หลายเดือนก่อน

    I've downloaded Figma beta version desktop, its interface just as the same with regular Figma.

  • @Rickcrafted
    @Rickcrafted 3 หลายเดือนก่อน

    is it FREE. I CANT access it on my figma.

    • @thalion_pb
      @thalion_pb 3 หลายเดือนก่อน

      It is free this year. However, the access to the feature is rolled out in waves. You just need to wait a bit.

  • @monstermage285
    @monstermage285 3 หลายเดือนก่อน

    Except it's not available??? Can't use it and don't even have those AI buttons in our pro account

    • @thalion_pb
      @thalion_pb 3 หลายเดือนก่อน

      Yes, AI features are still in beta and are not available for everyone yet (but the number of users having access will grow overtime). Also Figma temporarily turned off Generate design feature this week. I hope it will be back soon.

  • @SocialTrafficAgency
    @SocialTrafficAgency 3 หลายเดือนก่อน

    Can you design a website too?

    • @thalion_pb
      @thalion_pb 3 หลายเดือนก่อน

      Yes, you may enter a prompt asking about all kind of UI designs.

    • @howardlester3258
      @howardlester3258 2 หลายเดือนก่อน

      @@thalion_pb When will these updates are going to be released?

    • @thalion_pb
      @thalion_pb 2 หลายเดือนก่อน

      @@howardlester3258 all features were life as beta for some time, but Figma decided to hide them and improve. No new release date yet.

    • @rebeccaaier1
      @rebeccaaier1 2 หลายเดือนก่อน

      @@thalion_pb thank you for updating us here! much appreciated and great video!

  • @joa6079
    @joa6079 4 หลายเดือนก่อน

    Thank you friend

  • @AnupamaTelious
    @AnupamaTelious 5 หลายเดือนก่อน

    How to generate figma code into primefaces

  • @mostafaazzouz591
    @mostafaazzouz591 5 หลายเดือนก่อน

    Thanks

  • @aditid8783
    @aditid8783 5 หลายเดือนก่อน

    thanks for this tutorial, it was really helpful to me

  • @8083music
    @8083music 6 หลายเดือนก่อน

    The background blur effect is doing nothing, even when I set it to numbers in the hundreds

    • @nirajvarma-z7d
      @nirajvarma-z7d หลายเดือนก่อน

      Make sure that you have reduced the opacity in fill option not in layer option and blending mode should be in "pass through:

  • @Svetlana-hk3mm
    @Svetlana-hk3mm 7 หลายเดือนก่อน

    Thanks a lot! This is just what I looked for!

  • @Leorizing
    @Leorizing 7 หลายเดือนก่อน

    Thank you

  • @Caden_Burleson
    @Caden_Burleson 7 หลายเดือนก่อน

    Great tutorial! Good pace, thorough and to the point! 👍

  • @ВикторияНауменко-г6з
    @ВикторияНауменко-г6з 8 หลายเดือนก่อน

    Thank you!

  • @captaincoreylewis
    @captaincoreylewis 9 หลายเดือนก่อน

    Thanks so much for this detailed breakdown tutorial. This provided every single detail I was curious about. This tutorial really sets the standard for how all tutorials should be. It is still relevant and by far my go to every time 🔥

    • @thalion_pb
      @thalion_pb 9 หลายเดือนก่อน

      Thanks Corey! Super happy to hear that!

  • @Winterhe4rt
    @Winterhe4rt 10 หลายเดือนก่อน

    This is such a nice and easily done effect. Just great!

  • @xGARIDx
    @xGARIDx 11 หลายเดือนก่อน

    Thank you great tutorial ❤

  • @roohkhaste
    @roohkhaste 11 หลายเดือนก่อน

    Amazing as always! love your tutorials

    • @thalion_pb
      @thalion_pb 11 หลายเดือนก่อน

      Thanks a lot! Appreciate that.

  • @r4qu3l1t4
    @r4qu3l1t4 11 หลายเดือนก่อน

    Suuuper cool! i wanna try it

    • @thalion_pb
      @thalion_pb 11 หลายเดือนก่อน

      Happy to hear that!

  • @mdrashik2000yt
    @mdrashik2000yt ปีที่แล้ว

    Amazing! Thanks for share this content with us.

  • @MrConway007
    @MrConway007 ปีที่แล้ว

    Thank you Thalion for creating this amazing tutorial. Very helpful

  • @gokcenurinan8492
    @gokcenurinan8492 ปีที่แล้ว

    Hello! Thanks for the detailed tutorial. I'm working on eLearning projects in Articulate Storyline and would like to use a specific feature on the cover page of the course. However, I'm not sure how to do it. I've heard of designers using Figma alongside Storyline. Any ideas or guidance would be greatly appreciated.

  • @mazone881
    @mazone881 ปีที่แล้ว

    Nyc

  • @user-gj5ml9ik2s
    @user-gj5ml9ik2s ปีที่แล้ว

    Can I just ask how you got the sidebar to display all the text styles?

  • @fabriccioman
    @fabriccioman ปีที่แล้ว

    wow i would have never guessed it lol! thanks!

  • @mercee_dev5685
    @mercee_dev5685 ปีที่แล้ว

    I love ur channel. Please make more amazing tutorials.

  • @creativereflux4336
    @creativereflux4336 ปีที่แล้ว

    Thanks Man! You saved me a semester

  • @milindkhadse556
    @milindkhadse556 ปีที่แล้ว

    Thank you to upload this

  • @yashmmee
    @yashmmee ปีที่แล้ว

    🤯

  • @yashmmee
    @yashmmee ปีที่แล้ว

    I watch/read lots of tutorial everyday. I saw your articles before now I discovered you have a channel. I have to say you have the best UI design content I ever found on Internet!

  • @shehrymirza5615
    @shehrymirza5615 ปีที่แล้ว

    thanks for guidance

  • @aluckyjar
    @aluckyjar ปีที่แล้ว

    Simple tutorial - appreciate you bro

  • @susuaung9913
    @susuaung9913 ปีที่แล้ว

    Thanks