jammed.
jammed.
  • 35
  • 400 953
Unlocking the Power of Figma Component Properties and Variants
Looking to streamline your design workflow in Figma? In this video, we'll show you how to unlock the full potential of Figma component properties and variants. These powerful features can help you speed up your design process, create dynamic and responsive designs, and take your Figma skills to the next level.
Contents of this Video:
00:00 - Intro
00:52 - Why You Might Need Component Properties
02:13 - Creating the Inner Components
07:54 - Frames, Auto-Layouts, and Constraints
11:38 - Creating Component Properties
13:00 - Creating Component Variants
13:45 - Putting it All to Work
Get the Free Figma Template:
www.figma.com/file/muaE99foYnCgZcBhUUnmR3/Components-Properties-%26-Variants-%7C-Jammed.?node-id=302%3A861&t=bahFDMI7xuJYDaYa-1
----------
If you enjoy jammed content, don't hesitate to subscribe so you don't miss any of the new content, also share the video with people who could benefit from it to support my channel, and leave your suggestions down in the comments!
Subscribe to jammed:
@jammedesign
Buy me a coffee:
paypal.me/jammedesign
Download free jammed design resources:
jmmd.gumroad.com/
Instagram:
jammedesign
Music:
Music by Brodie Love - The Extra Feather - thmatc.co/?l=8B1E9A52
มุมมอง: 805

วีดีโอ

Marquee/Scrolling Text Animation in Figma | QuickJam
มุมมอง 105Kปีที่แล้ว
Up your typography game in your UI designs! Learn this simple technique, and try it out in Figma. DISCLAIMER: QuickJam is a fast-paced mini-series that aims to deliver information quickly to other designers, to let the designers follow their intuition when designing, rather than spoon-feeding them every single step. We hope this method helps make the designing process much more fun & intuitive ...
How to Import a Transparent Video in Adobe Xd | QuickJam
มุมมอง 3.5Kปีที่แล้ว
Even without considering the enormous file sizes, using transparent videos is a pain in the a$$. You could find a use for this new approach to utilize transparent videos in Adobe Xd in the future. DISCLAIMER: QuickJam is a mini-series that is fast-paced and aims to deliver information at a fast rate to other designers, to let the designers follow their intuition when designing, rather than spoo...
Adobe XD Auto-Animate Text Reveal Using Masks | QuickJam
มุมมอง 3.1K2 ปีที่แล้ว
Presenting beautifully designed interactive interfaces is a huge deal to help get your ideas across to both, the clients, and the devs. Now with the UI design programs receiving constant updates and good care, nothing is stopping you from experimentation! DISCLAIMER: QuickJam is a mini-series that is fast-paced and aims to deliver information at a fast rate to other designers, to let the design...
3D Animated UI Design Teaser Tutorial - Blender & After Effects
มุมมอง 7K2 ปีที่แล้ว
Wanna present your apps in a new way to jam up your presentation? Say no more fam. Pretty short tutorial. Hope you find a few valuable things in it. Contents of this video: 00:00 - Intro 01:28 - Blender: Preparing Model 02:50 - Blender: Creating a Scene 04:44 - Blender: Animation Basics 06:57 - Blender: Export Settings 08:32 - After Effects: Motion Tracking 10:34 - Outro Watch a more in-depth t...
Is a Design Degree Really Worth Your Time and Money?
มุมมอง 2662 ปีที่แล้ว
My take on getting a graphic design degree, whether it matters on a larger scale in terms of getting work, and going pro. Let me hear your thoughts down in the comments! Subscribe to jammed: th-cam.com/channels/o91.html... Download free jammed design resources: jmmd.gumroad.com/ Chrome Text Effect Using Blender & Illustrator | QuickJam th-cam.com/video/1W8Y76CmVBI/w-d-xo.html&ab_channel=jammed....
How to Design a Badge in Adobe Illustrator | QuickJam
มุมมอง 1.8K2 ปีที่แล้ว
Did you always want to learn how to design cool badges? Me neither, but it's important to fill your brain up with unnecessary sh*t. You never know when you're gonna need it! DISCLAIMER: QuickJam is a mini-series that is fast-paced and aims to deliver information at a fast rate to other designers, to let the designers follow their intuition when designing, rather than spoon-feeding them every si...
Animate & Add Depth to a Poster in After Effects | QuickJam
มุมมอง 3452 ปีที่แล้ว
Want to spice things up a little for your 2d poster? This simple technique will add life and depth to your artwork. Give it a try and let me know how it turned out in the end! Contents of this video: 0:00 - Intro 0:30 - Phase #1: Preparing Illustrator File for After Effects 1:31 - Phase #2: Importing File on After Effects 2:53 - Phase #3: Animating Techniques Subscribe to jammed. th-cam.com/cha...
Bear Mascot Logo Design | Adobe Illustrator Speedart
มุมมอง 6172 ปีที่แล้ว
Bear mascot logo speedart video with no commentary, as some of you would be interested to watch the process of creating a mascot logo uncut. Subscribe to jammed. th-cam.com/channels/o91.html... Download free jammed design resources: jmmd.gumroad.com/ How to Design a Gaming/Esports Mascot Logo th-cam.com/video/imvz6fiZ4kw/w-d-xo.html If you enjoy jammed content, please don't hesitate to subscrib...
How to Design a Gaming/Esports Mascot Logo in Under 10 Minutes
มุมมอง 54K2 ปีที่แล้ว
In this video I'll be guiding you step by step through the process of creating a mascot logo that actually works. Stick around till the end to know the process! Contents of this video: 0:00 - Intro 1:22 - Phase #1: Referencing 2:30 - Phase #2: Sketching 5:08 - Phase #3: Shading 6:02 - Phase #4: Vectorizing 8:07 - Phase #5: Colorizing 8:53 - Outro Subscribe to jammed. th-cam.com/channels/o91bTSG...
3 TIPS for a FASTER DESIGN WORKFLOW.
มุมมอง 3422 ปีที่แล้ว
Do you want to produce more and reduce the idle time? Watch this video to come out with 3 tips you can utilize right now for a faster workflow & an optimized designing experience! Contents of this video: 0:00 - Intro 0:39 - Tip #1 Bookmarks 1:20 - Tip #2 Workspace 2:34 - Tip #3 Folder Management 3:29 - Outro Download free jammed design resources: jmmd.gumroad.com/ If you enjoy jammed content, p...
Chrome Text Effect Using Blender & Illustrator | QuickJam
มุมมอง 16K2 ปีที่แล้ว
A quick tutorial on how to create a chrome material text using blender, illustrator, and photoshop. It's quite fast but it's better to rewind than get bored with all the details! Contents of this video: 0:00 - Intro 0:22 - Tracing Sketch on Illustrator 1:09 - Creating a Vibrant Background 1:30 - 3d Mesh on Blender Download free jammed design resources: jmmd.gumroad.com/ Buy me a coffee: paypal....
Jack of All Trades or Master of One?
มุมมอง 2382 ปีที่แล้ว
What's better? A Jack of all trades or a master of one? I'll be sharing my personal opinion in this video! Let me know your thoughts in the comments. Download free jammed design resources: jmmd.gumroad.com/ If you enjoy jammed content, please don't hesitate to subscribe so you don't miss any of the new content, also share the video with people who could benefit from it to support my channel, an...
Adobe Indesign - Set up a Modular Baseline Grid | QuickJam
มุมมอง 18K2 ปีที่แล้ว
Learn how to set up a baseline grid that is aligned with your modular grid, to facilitate the process of using images and text that align perfectly with one another. Download free jammed design resources: jmmd.gumroad.com/ Buy me a coffee: paypal.me/jammedesign Baseline Aligned Grid by Luke Gibson: th-cam.com/video/zeRoe6zwdfI/w-d-xo.html If you enjoy jammed content, please don't hesitate to su...
How to Discover Your Talents in Design
มุมมอง 2652 ปีที่แล้ว
Struggling to decide on a career path? Do you want to discover what you're gifted at to push yourself ahead and compete in the industry? This talk is probably for you. Download free jammed design resources: jmmd.gumroad.com/ If you enjoy jammed content, please don't hesitate to subscribe so you don't miss any of the new content, also share the video with people who could benefit from it to supp...
Recolor Artwork Adobe Illustrator 2020 | QuickJam
มุมมอง 3002 ปีที่แล้ว
Recolor Artwork Adobe Illustrator 2020 | QuickJam
Scribble Effect to Anything in Illustrator | QuickJam
มุมมอง 5372 ปีที่แล้ว
Scribble Effect to Anything in Illustrator | QuickJam
How to Make Business Card Mockups in Blender
มุมมอง 6K2 ปีที่แล้ว
How to Make Business Card Mockups in Blender
How to Build STRONG RELATIONSHIPS with Your Design Clients
มุมมอง 1172 ปีที่แล้ว
How to Build STRONG RELATIONSHIPS with Your Design Clients
How to Design a Flat Character Using Basic Shapes - Adobe Illustrator
มุมมอง 1.7K2 ปีที่แล้ว
How to Design a Flat Character Using Basic Shapes - Adobe Illustrator
How to Manage Perfectionism in Design
มุมมอง 1922 ปีที่แล้ว
How to Manage Perfectionism in Design
How to Create a Modern Logo Using Grid - Adobe Illustrator
มุมมอง 5K2 ปีที่แล้ว
How to Create a Modern Logo Using Grid - Adobe Illustrator
Design Icons the Right Way - Adobe Illustrator
มุมมอง 153K2 ปีที่แล้ว
Design Icons the Right Way - Adobe Illustrator
5 Typography Tips for Beginners (MUST KNOW!)
มุมมอง 7683 ปีที่แล้ว
5 Typography Tips for Beginners (MUST KNOW!)
Consistency Struggles and HOW TO COPE
มุมมอง 1393 ปีที่แล้ว
Consistency Struggles and HOW TO COPE
GRAIN TEXTURE TUTORIAL in Illustrator
มุมมอง 5863 ปีที่แล้ว
GRAIN TEXTURE TUTORIAL in Illustrator
How to BOOST PRODUCTIVITY at Home
มุมมอง 1423 ปีที่แล้ว
How to BOOST PRODUCTIVITY at Home
How to Start Freelancing as a Designer
มุมมอง 3203 ปีที่แล้ว
How to Start Freelancing as a Designer
Struggling with ORIGINALITY in Design?
มุมมอง 1723 ปีที่แล้ว
Struggling with ORIGINALITY in Design?
How to Make Esports/Sports Text on Adobe Illustrator
มุมมอง 17K3 ปีที่แล้ว
How to Make Esports/Sports Text on Adobe Illustrator

ความคิดเห็น

  • @melaniedesigner
    @melaniedesigner 3 วันที่ผ่านมา

    You're a genius bro!! You've helped me to solve one problem that I've been having hahaha. Thank u so much.

    • @jammedesign
      @jammedesign 3 วันที่ผ่านมา

      @@melaniedesigner Welcome! Good luck 🤞

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

    You are very talented. Jeez.

  • @vittorianesse
    @vittorianesse 23 วันที่ผ่านมา

    Can you do a video on the artboard layout, guides, and exporting to libraries?

    • @jammedesign
      @jammedesign 19 วันที่ผ่านมา

      I'll look into it! Thanks for watching.

  • @calvancandy8384
    @calvancandy8384 26 วันที่ผ่านมา

    Brillaint video. Thank you.

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

    would you letting me yours for reference i really love it

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

    You're amazing! Thank you for the simple, straight to the point tutorial. It helped so much.

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

    Bro said nothing in 4 minutes

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

      Okay, Jake.

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

    Bro taught me nothing

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

    Heyy the animation works really well but in my case the text is duplicated in the background and its opacity is increasing from 1 to 100 in 10000ms

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

      nevermind i had duplicated it and its opacity had somehow turned to 0 and then it had been animated XD

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

      @kartikkalbande5938 Haha, I love how you just replied to yourself. Thanks for commenting! 😃

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

    Super helpful video. Thanks!

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

    AWESOOME THANK YOU SO MUUUCH

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

    how do we copy the variant?

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

    Great ! But... On my figma it works in preview mode but it does not work in present mode (?). Strange...

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

      If u restart the presentation, it should work perfectly 👌 thanks for your comment!

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

    thank you brother❤

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

    Is it possible to stop the scrolling on mouse hover and resume when on mouse leave, in Figma Prototyping? you may use variables and modes, if required.

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

    Loved your tutorial!

  • @Tushar-ou5pz
    @Tushar-ou5pz 2 หลายเดือนก่อน

    Very great

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

    Thanks so much!

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

      Welcome!

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

    You da best! Thanks a bunch!

  • @mae-mx1rt
    @mae-mx1rt 2 หลายเดือนก่อน

    fucking a. thanks

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

    3 Years late to the party but when I got to "offset path" it is greyed out and I cannot find anyway to be able to select it

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

      I'm not sure I understand where the issue is coming from... Have you tried offset path on any other regular shape? or check if you have expanded your shape + merged with Pathfinder.

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

    So fast its impossible to learn

  • @user-vi8vy8dx1o
    @user-vi8vy8dx1o 3 หลายเดือนก่อน

    Bro Subscribed after 20s watching this video. you are the best Bro can you please tell me the imported animation is screen record or something else ?

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

      Thank you man! The imported animation could either be screen recording or whichever you like. However, in this video it was animated on After Effects and then imported onto Blender.

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

    Amazing video! Thanks. But where's the full vid?

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

    Hi, thanks for your valuable training. In endless auto scrolling, I want to do this action: when take the mouse on the endless auto scrolling, it be stop? Can one help me to do it?

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

      Hey! Thanks for your feedback. I know the effect you're trying to achieve, however, I think it's not possible to achieve through pure figma prototyping. You can do it in a slightly hacky way though by making a third state that's not connected to either, and connect the other 2 states to it with the "while hovering" selected. Another way is to simply import an autoplaying video that's constantly scrolling, and create an interaction to pause on hover. That would look better in prototype. Hope this helps!

  • @user-rd7ns8lj2l
    @user-rd7ns8lj2l 3 หลายเดือนก่อน

    Can i make it in Figma?

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

      For sure!

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

    Very easy! Thank you❤❤

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

    Now this is how you fucking do a video, not only was it informational, but you see how good you are as a Designer, just the intro alone let me know it was going to be good, keep it up man!

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

      Fucking thanks for watching!

    • @ZestIsBusy
      @ZestIsBusy 2 วันที่ผ่านมา

      ​@@jammedesign Thank you for fucking replying!

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

    What size design on ae? px

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

    CAN THIS ONLY BE DONE TO THE LEFT AND RIGHT?

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

      Any direction works, as long as the motion is linear and could be repeated in sequence.

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

    Graciaaaaas!

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

    i did exactly as you told and it's not working...

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

    what brush you use?

  • @user-vi7qt4wc6o
    @user-vi7qt4wc6o 4 หลายเดือนก่อน

    Thank you for the quick and simple tutorial. At first the animation wasn't working, I refresh Figma and then it worked. It's weird though because every time I open Figma it doesn't work, I have to always refresh by pressing R. It's probably a Figma problem.

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

    For all those wondering why their proto doesn't work: you need need to set the flow starting point and pull lines from each of your frames to the next. If you only have one frame, select it -> prototype -> Flow staring point.

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

      Don't work...

  • @johndoe-fr2wd
    @johndoe-fr2wd 4 หลายเดือนก่อน

    Its like I found a jackpot because everything I was looking for I found it in a single video with the perfect explanation.

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

    Followed all the steps, but Bodymovin wont let me export after setting file destinations and adjusting for json. Any advise is greatly appreciated! Great video btw!

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

    Would have appreciated you to at least explain more about how to setup illustrator. What settings to start a new document in? What size are the boxes you're designing in? etc

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

      I agree with your points, but I aimed for a brief video to convey the main idea. The video is a bit dated, and if I were to recreate it, I'd reconsider your suggestions. Thanks for your comment!

    • @vittorianesse
      @vittorianesse 23 วันที่ผ่านมา

      Agreed.

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

    Please do more mascot logo designing videos. Please!😢

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

      I'll try my best, thanks for watching!

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

    For some reason, it does not work anymore. I've followed it entirely

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

    video too fast , shitty explanantio you deserve million dislikes poor tuotorial

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

    This is really helpful.. thank you

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

    Thank you so much !! I've been trying to understand variables for a while now, much clear clear now !

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

    HII I NEED THISSS FILEEEEE

  • @user-gs4db8cq8y
    @user-gs4db8cq8y 5 หลายเดือนก่อน

    No, It's not working.

  • @user-vf4sy9nk2x
    @user-vf4sy9nk2x 6 หลายเดือนก่อน

    YOU NEED TO SLOW DOWN AND BE A LITTLE MORE CAREFUL WITH YOUR SPEECH. PLEASE!

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

      SORRY!

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

    Cool Video - It Amazed me and you like edit the video awesome I hope you upgrade the longness of it.. But it's oky tho still helpful to my grade.

  • @user-nv2mk3bz6g
    @user-nv2mk3bz6g 6 หลายเดือนก่อน

    hello there. I really appreciate your work. please do upload full video of design process. would really love that.

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

    It works and I’m so shocked. Thank you so much. May you be rewarded abundantly ❤️

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

      Thank you! Glad it worked. :)

  • @user-dm8nr5xh5h
    @user-dm8nr5xh5h 6 หลายเดือนก่อน

    hii , i did exactly what you showed but mine isnt working