Startup Design
Startup Design
  • 7
  • 106 581
Light/dark mode table component | Figma with Variables
We'll learn how to build a simple table component in Figma powered by variables. Through the process of creating this component, we'll look at the concepts of how to structure your variable collections, including colors and sizes.
Download the Figma file for free - www.figma.com/community/file/1306300904357487464/variable-table-component-free
มุมมอง: 449

วีดีโอ

Convert SVG to fonts to create an icon library in Figma.
มุมมอง 4.1K8 หลายเดือนก่อน
Learn how to use Figma to export your SVG files into icomoon.io. Working from SVG to TTF files.
Using basic shapes to design a PERFECT LOGO | Pen tool perfection - Adobe Illustrator
มุมมอง 559ปีที่แล้ว
In this Adobe Illustrator tutorial, learn how to use basic shapes to speed up your workflow and achieve pen tool perfection. We'll cover how to use simple shapes such as circles, rectangles, and triangles to quickly build complex illustrations and designs, in this case, a simple puffin logo. You'll also learn valuable tips and tricks for mastering the pen tool and creating precise curves and li...
The EASIEST way to design social and display ads
มุมมอง 10K2 ปีที่แล้ว
If you are spending way too much time building social posts and display ads, then you are in good company. My main tip: stop wasting your time in Canva and learn Figma. Using Figma, I learned how to build social posts in no time at all. This workflow is used by large corporations to scream through the boring production work. If you want to up-level your porfolio, come say hello: gr...
Designing a logo only using circles in Illustrator
มุมมอง 1.8K4 ปีที่แล้ว
In this tutorial we cover how to build an owl logo in Adobe Illustrator. Tools we'll learn to use: Shape builder Reflect Outline View and more. If you are working on your portfolio, join the group. groups/uxuigraphicdesignportfolio
Roughen edges and add textured gradient in Adobe Illustrator.
มุมมอง 45K4 ปีที่แล้ว
We'll step you through adding rough edges and grain, while learning about the curvature, shape builder, and gradient tools. To top it off we'll dive into the scribble effect. This is how to get that very trendy textured look. Facebook group: Graphic design portfolio growth strategies groups/570014950536803/
Hide or delete shapes outside the artboard - Illustrator Quick Tip
มุมมอง 44K4 ปีที่แล้ว
Learn how to use the clipping mask, shape builder tool, and trim view to hide, or delete the shapes outside the artboard of Adobe Illustrator. Adobe just updated their brand icons you'll get to see a peak into their latest update. Build your portfolio, join the group: groups/570014950536803/

ความคิดเห็น

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

    Thank you ❤

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

    you made this soo simple thank you so much i wish i would of found this sooner

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

    Thank god the Figma acquisition didn't happen, it's been over a decade and this feature hasn't been added.

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

      I'm with you there.

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

    I seem to be having some trouble using the Scribble effect. When I use, there is no more fill, and the effect causes lines and gaps between them throughout the shape. Do you know what I am doing wrong or missing?

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

    Thanks! This is honestly one of the best tutorials out there. Very well-organized and clearly communicated step-by-step walkthrough which made it very easy to follow. I also love how you gave tutorial outline at the beginning! Hardly anyone does that but it makes a big difference in being able to follow the walk-through.

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

    Thank you! Great lesson! Could you record a sequel to the video? How to draw clouds?

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

      Sure! I'd love to make a follow up video.

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

      This is amazing!@@startupdesign

  • @solution-n-social
    @solution-n-social 4 หลายเดือนก่อน

    Good one. Thank you for the video! Maybe you know a simpler way to build a font from svg icons? Of course, it's possible to set all the letters in icomoon and use it as a font. Is this the shortest way you probably know?

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

      There are platforms that do it quicker, but also cost more money. Sometimes it's finding that balance!

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

    "It tends to crash" he said as my Illustrator crashed

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

    I have this thing and maybe it's old school but I'm afraid of using anything that's not vector in Illustrator, and sure you can image trace it but it won't look the same and/or add too many points

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

      If you use scribble, you can expand it. Lately I've been using brushes to add texture. I think my follow up video to this will be creating them for texture.

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

    haha thank you so much this just saved me like an hour of unnecessary hard labor

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

    Thank You so much for this video! Lifesaver. Could you please post a tutorial on how you set up the Figma font/text styles for branding?

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

      Absolutely!

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

    no working auto resize rectangle with cta text.... I do as in the video and it does not work for me, the rectangle does not extend with the text. Why? Not working with component text element but with normal text + rectangle is work good.... WTF?

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

      Figma updated it where that no longer works. You need to either create a frame then add text and add auto layout or type text, cmd or Ctrl g to group, and then hit auto layout. I actually like the update better than the old method.

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

    did something change in figma? the rectangle + auto layout components are not compiling into new auto layout frame? this is wack yo did it step by step with the video and doesnt work like at all :D

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

      solution -> create a manual frame and then put CTA asset into the frame that was created. rectangles don't work like that no more.

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

      Correct! Figma updated it where that no longer works. You need to either create a frame then add text and add auto layout or type text, cmd or Ctrl g to group, and then hit auto layout. I actually like the update better than the old method.

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

    This works. Using option 2 to wrap up an Illustrator file so I can send it to my client and it's pretty easy!

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

      Plus, if anyone looks at your illustrator file, it looks extra sharp.

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

    Very entertaining and informative video!

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

    Impressive! Surprised to see this amount of views. Good tutorial and very clear audio as well!

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

    it's crazy that Illustrator doesn't propose a more intutive one-off option for this!! For a tool that's based on artboards, don't disposing the option to cut out everything that exceeds with one click... is CRAZY

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

    Very Useful video! I would like to know how you organize your library. Do you have the font combination already paired? Very Clever!

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

    Loving your direct and clear teaching technique! Sub'd. Thank you!

  • @precious.xoxo__
    @precious.xoxo__ ปีที่แล้ว

    thanks so much for this. Funny how something so simple gave me hours of headache

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

    Is there anyway to change the size of the dots not necessarily the intensity or contrast but the size of each individual dot in the grain?

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

    2nd one doesnt work do they need to be on same layer?

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

    ρɾσɱσʂɱ

  • @AliBaba-hl9qi
    @AliBaba-hl9qi ปีที่แล้ว

    any advice? cant seem to get rid of the centre line showing where the two shapes' scribbles overlap

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

      You could try adding a feather to the shape. Let me know if you still have a problem.

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

    Thanks mate

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

    This was just awesome! Thanks a lot!

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

    Keep trying

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

    k; nbj

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

    Well lockdown started with Blender but since my laptop can't handle it, I've relocated

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

    Where your part2 video???

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

      What would you like to see in a part 2?

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

    Very true

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

    Use it to ya advantage im bent n focused

  • @0to100Art
    @0to100Art 2 ปีที่แล้ว

    This is awesome and unique work done by your magical hand! Love your creation it’s just amazing

  • @BronsonLivesHere209
    @BronsonLivesHere209 2 ปีที่แล้ว

    Thanks bro.

  • @kreem4852
    @kreem4852 2 ปีที่แล้ว

    More of a demo not a tutorial

  • @onetuffmmedia2168
    @onetuffmmedia2168 2 ปีที่แล้ว

    V good

  • @jmd6545
    @jmd6545 2 ปีที่แล้ว

    Man you go right into it with no intro I LOVE THAT, thank you dude!

  • @jaytran9959
    @jaytran9959 2 ปีที่แล้ว

    many thanks for the helpful tips

  • @Gool349
    @Gool349 2 ปีที่แล้ว

    very helpful, thanks!

  • @arkan7rb
    @arkan7rb 2 ปีที่แล้ว

    thank u cliping mask worked for me but the second method with shape builder didnt dont know why may b coz its nots shapes outside of the artboard? its jpeg image ?

  • @soukainaazekri5091
    @soukainaazekri5091 2 ปีที่แล้ว

    Thank youuuuuuuuu you saved my life cauz I have the portable version of illustrator and all the tips I found didnt work with me.. you made my day bro 😍😍😍

  • @aspirinwhite
    @aspirinwhite 2 ปีที่แล้ว

    Thankyou!!

  • @meetcharubala
    @meetcharubala 2 ปีที่แล้ว

    It's really helpful. Thanks

  • @zubaer21
    @zubaer21 3 ปีที่แล้ว

    Like it

  • @Kartik_Z8
    @Kartik_Z8 3 ปีที่แล้ว

    This video helped me a lot... Thanks

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

    Very useful video!

  • @moreausylvain
    @moreausylvain 3 ปีที่แล้ว

    super nice. i missed the "copy in place" so struggled a bit but finally got it thanks.

  • @Sharpener00
    @Sharpener00 4 ปีที่แล้ว

    Okay so it wasn't really clear to me what you did with the gradient. Did you duplicate the layers, and then ad the grain to as new, duplicated object?

  • @bibekpoudel5425
    @bibekpoudel5425 4 ปีที่แล้ว

    good video liked it but it would be great if you would shown how to complete art shown during start of video

    • @startupdesign
      @startupdesign 4 ปีที่แล้ว

      Thanks for the feedback Bibek! I'll do that next time!

  • @logopersonalized
    @logopersonalized 4 ปีที่แล้ว

    Packiging please