Startup Design
Startup Design
  • Видео 7
  • Просмотров 113 511
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
Просмотров: 610

Видео

Convert SVG to fonts to create an icon library in Figma.
Просмотров 5 тыс.11 месяцев назад
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
Просмотров 628Год назад
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
Просмотров 11 тыс.2 года назад
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,8 тыс.4 года назад
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.
Просмотров 47 тыс.4 года назад
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
Просмотров 48 тыс.4 года назад
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/

Комментарии

  • @GamerDude2010
    @GamerDude2010 2 дня назад

    man thanks so much :D

  • @Diablist
    @Diablist 2 дня назад

    why do i have to use iconmoon , isnt there any app that can do that shit instead of paying a another damn blood sucking money to convert a damn icon

  • @kristijanlazarev
    @kristijanlazarev 22 дня назад

    Thanks pal

  • @anyfnybucket
    @anyfnybucket 2 месяца назад

    Thank you ❤

  • @michellemarquez4226
    @michellemarquez4226 4 месяца назад

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

  • @thepilot7612
    @thepilot7612 5 месяцев назад

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

  • @jearly1989
    @jearly1989 5 месяцев назад

    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 5 месяцев назад

    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 5 месяцев назад

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

    • @startupdesign
      @startupdesign 5 месяцев назад

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

    • @juliaivanyuk7736
      @juliaivanyuk7736 5 месяцев назад

      This is amazing!@@startupdesign

  • @solution-n-social
    @solution-n-social 6 месяцев назад

    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 5 месяцев назад

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

  • @heberccruz
    @heberccruz 7 месяцев назад

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

  • @silentkv
    @silentkv 10 месяцев назад

    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 5 месяцев назад

      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 11 месяцев назад

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

  • @kennethreaume1508
    @kennethreaume1508 Год назад

    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?

  • @piotrula7
    @piotrula7 Год назад

    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 Год назад

      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 Год назад

    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 Год назад

      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 Год назад

      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 2 года назад

    ρɾσɱσʂɱ

  • @AliBaba-hl9qi
    @AliBaba-hl9qi 2 года назад

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

    • @startupdesign
      @startupdesign 2 года назад

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

  • @abdssamadelyoussfi7552
    @abdssamadelyoussfi7552 2 года назад

    Thanks mate

  • @nabilchabane7076
    @nabilchabane7076 2 года назад

    This was just awesome! Thanks a lot!

  • @mmmohamed5934
    @mmmohamed5934 2 года назад

    Keep trying

  • @lizalamillordz4529
    @lizalamillordz4529 2 года назад

    k; nbj

  • @kanyanatsrimanit9973
    @kanyanatsrimanit9973 2 года назад

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

  • @CarlosAlvarezmusic
    @CarlosAlvarezmusic 2 года назад

    Where your part2 video???

    • @startupdesign
      @startupdesign 2 года назад

      What would you like to see in a part 2?

  • @precious4361
    @precious4361 2 года назад

    Very true

  • @tanerozkalkan1673
    @tanerozkalkan1673 2 года назад

    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 3 года назад

    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.