How to Create Textures in Figma without Plugins

Поделиться
HTML-код
  • Опубликовано: 9 ноя 2024

Комментарии • 47

  • @WePiphany
    @WePiphany  8 месяцев назад +1

    PLEASE SUPPORT THIS CHANNEL:
    Fund this channel: paypal.me/jonopay

  • @andrewsykes1118
    @andrewsykes1118 2 года назад +15

    Dude, this is awesome. It's the best solution I've come across for creating textures without a plugin or using texture images. Exactly what I was looking for, kudos!

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

      Please share what you end up making. Pretty amazing accident. Glad you found the video!

  • @kristerkristerollae3376
    @kristerkristerollae3376 Год назад +2

    Man" you're awesome,,, Love you for what you've put it here,so much respect

    • @WePiphany
      @WePiphany  Год назад +1

      Thank you Krister! Stay tuned, more to come for Figma, and lots more for design in general. I only have about 4 hours a day to work on channel content, so I share when I can.

    • @kristerkristerollae3376
      @kristerkristerollae3376 Год назад +1

      @@WePiphany wow, its gonna great learning year, happy new year"), have a adventurous year ahead

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

      gonna be*

  • @euclidesjunior7700
    @euclidesjunior7700 2 года назад +2

    Thanks a lot for this content dude. I was searching exctly for something like it, got yourself a new sub. ⭐

    • @WePiphany
      @WePiphany  2 года назад +1

      So glad you were able to put this to use Euclides! Also, thank you for the sub, a whole lot more planned for the channel.

  • @mardavpadhye9822
    @mardavpadhye9822 2 года назад +2

    So glad that I found this video, it's the best hack I've come across. Would love to know how you created those illustrations you showed earlier in the videos. A tutorial would be so damn helpful. Thanks Buddy🙌🏼

    • @WePiphany
      @WePiphany  2 года назад +2

      Hi Mardav. Thanks for the kind words. The Figma Community file (see video description) has a FigBlog with some additional insight.
      I have a tutorial planned for illustrating in Figma. Lots of layering and masking was used.

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

      Thank you. Waiting for the tutorial 😊

  • @stephanbennett4794
    @stephanbennett4794 9 месяцев назад +1

    This is excellent! Thank you!!

    • @WePiphany
      @WePiphany  9 месяцев назад

      Thank you for the comment. Glad this was helpful. There is also a great plugin made by Rogie in the Figma Community for Noise and Texture if you don't mind plugins.

  • @kazimali9897
    @kazimali9897 Год назад +2

    this is awesome, you're a savior.

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

      Glad this worked for you. I was real happy to find this trick when I did. Post a link of what you create.

  • @djashawe88923
    @djashawe88923 Год назад +1

    Thanks for the great texture hack. I subscribed to your channel and liked your video. I did a gradient fill going from 20% black on top to 0% black on the bottom and applied the inner shadow effect like you, 0,0,0,500 Spread and it gives the same texture. So cool! Thanks.

    • @WePiphany
      @WePiphany  Год назад +1

      Thanks for the sub and message! If you are looking for next level textures in Figma, @rogie’s Noise & Texture is great. www.figma.com/community/plugin/1138854718618193875/Noise-%26-Texture

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

      @@WePiphany Thanks.

  • @BEXITER
    @BEXITER Год назад +1

    Wonderful! Thanks for sharing!

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

      You are most welcome. Hope you found what you were looking for - can be virtual needle in a haystack with external drives.

  • @gamingvibe9698
    @gamingvibe9698 2 года назад +2

    very helpful dude .. keep up the goood work.

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

      Thanks. Big plans. More to come. Same style.

  • @vaevictis2640
    @vaevictis2640 10 месяцев назад +1

    I was in search of a glassmorpic design with some textures in it, to my surprise it is perfectly working, but I wonder if it can be developed by developers, if the same characretistics will work for dev as well

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

      Share a link to an example. Sounds interesting.

  • @reyontech
    @reyontech 9 месяцев назад +1

    Great Thanks

    • @WePiphany
      @WePiphany  9 месяцев назад

      Thanks for the comment. Share a link to what you’re working on if you want to.

  • @eugeneprunk1
    @eugeneprunk1 10 месяцев назад +1

    thank you so much

    • @WePiphany
      @WePiphany  10 месяцев назад +1

      You are most welcome. Rogie’s plug-in in the community is also a great option. Check that out here www.figma.com/community/plugin/1138854718618193875/noise-texture

    • @eugeneprunk1
      @eugeneprunk1 10 месяцев назад +1

      oh, it even has gradients! thanks again 😊

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

    Perfect!!! thank uuuuu

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

      Yw. Much much more to come from this channel for Figma, design and UX.

  • @hanna5528
    @hanna5528 2 года назад +1

    very cool!

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

      Thanks. Share what you make.

  • @matheussoares1138
    @matheussoares1138 2 года назад +2

    thanks

  • @YildizSagnak
    @YildizSagnak Год назад +1

    Is it possible to create grainy effect like that?

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

      Yes, it is very quick. FFWD to 02:22 and 02:59 to see the grain texture appear. If you need more control and effects, there is a plugin called "Noise & Texture" here www.figma.com/community/plugin/1138854718618193875/Noise-%26-Texture

  • @lzoshan
    @lzoshan Год назад +1

    thank you...

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

      You're most welcome Roshan

  • @RoryMichaelchuck
    @RoryMichaelchuck 4 месяца назад +1

    I'm not sure this one works anymore

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

      That would be interesting. Download the community file. Should still work there can’t be RIP yet.

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

      Confirmed that it sill works. The gradient fill UI has been updated, but this hack still works.

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

      Here is a screen grab of the settings in the newest version of Figma:
      www.dropbox.com/scl/fi/js6mmow3c18s3ep2bto3j/figma-native-texture-settings.png?rlkey=7gk7lqqc7ps3gulxp56n9hflp&dl=0

  • @delicialee3299
    @delicialee3299 Год назад +1

    T HX, so amazing that!

    • @WePiphany
      @WePiphany  Год назад +1

      Glad you found it useful!

  • @economicblast
    @economicblast Год назад +1

    thanks

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

      Yw, thanks for stopping by.