meshtimes
meshtimes
  • 123
  • 567 499
how to make digital advent calendar ❄️ interactive holiday cards 🎄 easy figma prototyping tutorial
Digiral advent calendar tutorial -- turning the holidays into 24 days of surprises for your friends! way better than anything store-bought. Perfect for long distance friends, family, significant others
Subscribe for more fun projects like this!
▬▬▬▬
☃️ figma community link: bit.ly/3AQtWdn
☃️ download free font i used in the file: bit.ly/3CAjRlk
☃️ subscribe to my free design newsletter: meshtimes.beehiiv.com/
▬▬▬▬
🦭 let’s be friends!
instagram: meshtimes
tiktok: tiktok.com/@meshtimes
▬▬▬▬
❄ recipients don’t need a Figma account to view the prototype.
❄ this prototype is best viewed on laptop so make sure to add a little note in your email/text :)
มุมมอง: 8 435

วีดีโอ

designing for a billboard in nyc | design vlog ˙ᵕ˙
มุมมอง 5Kหลายเดือนก่อน
designing for a billboard in nyc | design vlog ˙ᵕ˙
Cozy Productive Desk Setup 🍃 | Calm, Creative, Standing Desk, Cable Management, Ambient Lights
มุมมอง 60K2 หลายเดือนก่อน
Cozy Productive Desk Setup 🍃 | Calm, Creative, Standing Desk, Cable Management, Ambient Lights
2-HOUR Work/Study with me 🌇 Sunset | Pomodoro 25/5 Timer | Lofi Cozy Sunset
มุมมอง 6K4 หลายเดือนก่อน
2-HOUR Work/Study with me 🌇 Sunset | Pomodoro 25/5 Timer | Lofi Cozy Sunset
vlog | what happened at config 2024 | figma design conference 🎧
มุมมอง 7K4 หลายเดือนก่อน
vlog | what happened at config 2024 | figma design conference 🎧
how to make an outfit generator | no code | beginner figma tutorial 🎧
มุมมอง 5K4 หลายเดือนก่อน
how to make an outfit generator | no code | beginner figma tutorial 🎧
mid year reset | simple days in the apartment, designer's day off 🧺🫧
มุมมอง 3.6K5 หลายเดือนก่อน
mid year reset | simple days in the apartment, designer's day off 🧺🫧
life as a designer | figma lofi girl | new rug unboxing | simple days
มุมมอง 4.6K5 หลายเดือนก่อน
life as a designer | figma lofi girl | new rug unboxing | simple days
How I Landed a Product Design Job at TikTok | Less Than 1 Year Experience | Creative Job Application
มุมมอง 8K5 หลายเดือนก่อน
How I Landed a Product Design Job at TikTok | Less Than 1 Year Experience | Creative Job Application
cozy designer wfh day | real talk, creative block, creating gallery wall
มุมมอง 6K7 หลายเดือนก่อน
cozy designer wfh day | real talk, creative block, creating gallery wall
Unboxing & Setting Up My Figma Keyboard ⌨️ | Tutorials & Honest Reviews
มุมมอง 13K8 หลายเดือนก่อน
Unboxing & Setting Up My Figma Keyboard ⌨️ | Tutorials & Honest Reviews
work day vlog | figma keyboard unboxing | how to create a design doc | going out 🥂
มุมมอง 9K8 หลายเดือนก่อน
work day vlog | figma keyboard unboxing | how to create a design doc | going out 🥂
life as a product designer in tech | diy book shelves, trying lagree, portfolio reviews
มุมมอง 7K8 หลายเดือนก่อน
life as a product designer in tech | diy book shelves, trying lagree, portfolio reviews
Quitting art major for tech | product designer | why tech? experience + tips
มุมมอง 9K9 หลายเดือนก่อน
Quitting art major for tech | product designer | why tech? experience tips
day in the life UX designer in san francisco | working in tech | wfh
มุมมอง 31K9 หลายเดือนก่อน
day in the life UX designer in san francisco | working in tech | wfh

ความคิดเห็น

  • @dkl88888
    @dkl88888 16 ชั่วโมงที่ผ่านมา

    Love this idea!! Thank you for sharing it with the world 🤩 Also, what’s everyone’s gift ideas?

  • @trutj22
    @trutj22 19 ชั่วโมงที่ผ่านมา

    Can you please link The led light strip

  • @thankgodlove
    @thankgodlove วันที่ผ่านมา

    what software did yo use

  • @davidsanvlogs
    @davidsanvlogs วันที่ผ่านมา

    Really nice setup !

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

    this is the cutest idea ever! thank you for the tutorial I'll definitely be trying it out ☺🎄

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

    Hello! Is it possible to connect the calendar with the current date so that it becomes impossible to cheat (only old + current day opens)?

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

      not with figma prototype but that can be done through a website builder (havent tried yet tho)

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

    Hello mesh!! Thanks for this gift, it is impresionant!! But, how do you arrange the windows in the bulding with the protoype items?

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

      Duplicate (copy) and paste the idle state of each window! Arrange onto the building layer :)

    • @ComoCrispi
      @ComoCrispi วันที่ผ่านมา

      @ ouch! So easier!! Thanks a lot for this template!!!💚

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

    Thank you for sharing the template and giving a tutorial! It’s so cute 🥰 You said it’s best used on laptop. Does it not work on phones at all? I tried the prototype and I cannot even open the windows. I was wondering if I just need to adjust some settings

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

      yes! because i have a certain animation (hover state) that only works on laptop however you can make it work on mobile by changing the frame dimension to mobile size and only do "click" only animation. remove on hover state

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

    what website do you use/recommend for a portfolio?

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

    I have one of those, it’s a cheap kids camera on Amazon btw.

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

    This tutorial had me crying in bed histerically haha but I just started again and we will see.

  • @ArtisticFlower-c5g
    @ArtisticFlower-c5g 4 วันที่ผ่านมา

    Don’t know how 😕

  • @grfr07_2
    @grfr07_2 4 วันที่ผ่านมา

    Such a great idea! How did you get the final windows onto the building? When I try to copy paste them there's always the version with the idle and hover state next to each other on the buidling...

    • @meshtimes
      @meshtimes 4 วันที่ผ่านมา

      hi!! duplicate the idle state only of each window and paste them onto the building! (don't take the original, just the copy!!)

    • @grfr07_2
      @grfr07_2 วันที่ผ่านมา

      Ok thank youuu<3

  • @dc.3375
    @dc.3375 4 วันที่ผ่านมา

    Thanksss for sharing! It's really inspiring 💝

  • @JessLow-d3h
    @JessLow-d3h 4 วันที่ผ่านมา

    Please do more tutorials! I’m trying this for sure 🤩

  • @lucilebruchet4222
    @lucilebruchet4222 4 วันที่ผ่านมา

    I do not achieve to make the change between the idle and hover when I put it on the building it does not work

  • @Linweni
    @Linweni 4 วันที่ผ่านมา

    Thanks sist for tutorial ❤❤❤

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

    I love you btw

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

    I tried your pre-made template because I wanted to try it out and finish it quickly. Thank you for sharing that with us! ❤️ But in the end, I spent hours on it because the site is really complicated, and I didn't know how to insert my own text into the template (I tried everything). As a beginner with no idea whatsoever, you completely lose track :( I couldn't save the template at the end, either. So it was all for nothing... Could you maybe make a tutorial where you explain how to work with the finished template?

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

      hi! figma has quite a learning curve! it definitely takes a while to get a hang ouf it! adding your own text to cards: - it might be giving you errors bc you don't have the same font file installed! - to change this you can either download the same font file (linked in template instruction) - i also reuploaded the template with "times new roman" font, try re-duplicating the template and type again! it should work now :)

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

      @@meshtimesit was happening to me too. I read somewhere that you need to download the e app and do it from there. That worked for me to be able to edit text. Loooove the template I’m currently working on it. Can’t wait to share with my husband and siblings. When you send it to different people you have to create multiple files and send separate right? Thank you so much!

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

      @ yes one file per one person! (if you plan on writing different cards in there) 💗

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

      @@meshtimes Hello again, short update: it worked! Yay! Now I'm able to send it to my sister at the beginning of December, hihi. 😊😁 Thank you for your quick response and for helping me!!! ❤️

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

      @ yayyyy im so glad

  • @MohdSameer-q5o
    @MohdSameer-q5o 5 วันที่ผ่านมา

    i wanna ask you that how did you get this job i full of beginner i make two to three deign yet if you dont mind can you tell me full road map . and a degree need in this field??

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

    Such a cute idea, I'll make some for my friends <3 Thanks for sharing your community link :)

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

    Hi, thanks for the great tutorial! After setting up each window and its interaction, when you are dragging the windows onto the main building frame, are you copy and pasting them or just dragging them? How are there two windows-one under your components section and a new one on the main building?

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

      copy and paste! always duplicate them onto the main building you want to keep the original copy of each window! thank you for clarifying, i'll add this in my guide! :)

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

    Whoa what is that?

  • @annapaulapunkstina7516
    @annapaulapunkstina7516 6 วันที่ผ่านมา

    How do you add the picture you want to the hover window? I mean how do you make it fit in the inside vector? It does not work for me. :( Somehow it covers the whole window. Hope you understand what I mean.

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

      Hey, did you find out how to replace the text with your own one?

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

      @@fuzzymindtalks Yes, I figured it out! Thank you anyways. :)

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

      hey!! sorry i totally forgot to cover this in my tutorial - it's actually really easy i just updated the template with instruction on how to do that (try re-duplicate the template again) all you need to do is: - select the "inside window" layer - click on the color thumbnail in the right sidebar - select the little image icon in the popup - upload photo from laptop lmk if you have any qs after you re-duplicate my template! :)

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

      @@meshtimescan you maybe upload a short explaining how to add pictures as I am struggling with it :(

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

      got it lol thankyou!!

  • @oksanatomashenko1856
    @oksanatomashenko1856 6 วันที่ผ่านมา

    It does not work. No link to the final calendar.

  • @Izaabeelaaaa
    @Izaabeelaaaa 6 วันที่ผ่านมา

    Thank you so much for this tutorial! Where did you get your photos for the cards off?

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

      pinterest and cosmos! and then i used the figma ai "remove background" feature

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

      @@meshtimes I'm having such a hard time removing background, i think I've tried everything. Could you please please please explain how to use that? Thank you for this cute idea! Hopefully, i can finish mine on time for my LDR 💖💖💖

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

      @charongomez5265 of course!! do you mind removing the background from an image that you’re thinking of adding to the card hover state? Removing background in figma: select an image, navigate to the floating bottom tool bar, click on the sparkle icon “✨” there should be an option to remove background from an image Canva also have a super easy remove bg feature as well!

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

      @@meshtimes Thank you for the quick response! I mean the little images you used for the notes, like the little squishes you used to decorate, I also want to upload images from pinterest but I can't do it :( I tried with the remove bg plugin and nothing works!

  • @nikitabehera5639
    @nikitabehera5639 6 วันที่ผ่านมา

    How did u make your room Illustration and please make more projects like this it's so so good

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

      i drew it on my ipad and then cropped it so it fits the window vector shape !

  • @jennie.ar15
    @jennie.ar15 6 วันที่ผ่านมา

    I was scrolling on Reels looking for some cute xmas surprises for my bf and saw your post was totally inspired🌸✨ Thank you so much for sharing Marisa! Keep it up on good work girl ❤

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

      ahhh thank you jennie :)) this means a lot

  • @damlasehnaz5680
    @damlasehnaz5680 6 วันที่ผ่านมา

    I saw the tiktok and can’t wait to see how you made it! 🧚🏼 Absolutely love it, thank you! More tutorials would be amazing too!

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

      Thank you! Will do!

  • @ichigoMomomyaChan
    @ichigoMomomyaChan 6 วันที่ผ่านมา

    This is perfeeeect!! I was searching the whole last two weeks for EXACTLY this video haha for my LDR ❤❤

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

      yay! can't wait to see what you came up with

  • @naachan0904
    @naachan0904 6 วันที่ผ่านมา

    I’m a UI designer in Japan and I found you 1 week ago on instagram!!!! All of your design is so cute!!❤ I want to see tutorials about pixel game that you made in figma🥹

  • @PratyushaWagh11
    @PratyushaWagh11 6 วันที่ผ่านมา

    Create more tutorials for these kinda interesting stuff pleaseeeeee...you explained it sooo calmly and soo well!!

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

      ahhh thank you and will do!

  • @smkeong
    @smkeong 6 วันที่ผ่านมา

    Wooo ... interesting vlog ~!

  • @ishapendse22
    @ishapendse22 6 วันที่ผ่านมา

    love it!!!!

  • @roshanvang4537
    @roshanvang4537 6 วันที่ผ่านมา

    ahh I love these short tutorials TY!! 🍓✨💗⭐

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

      yay! i'm so glad <3

  • @Jubileevlogs...
    @Jubileevlogs... 7 วันที่ผ่านมา

    Love the idea, I please need a tutorial 🎉🎉❤❤

  • @mrcritchlow
    @mrcritchlow 7 วันที่ผ่านมา

    This is such a cool / cute idea!

  • @statusquoreject
    @statusquoreject 7 วันที่ผ่านมา

    Useless video

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

    where did you get that screen background?

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

    Hoooowwww??? Please?

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

    ahhh, actually can't wait for the tutorial!!!

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

    We can't wait to see the tutorial

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

    I am loving your content! You are my new favorite. ❤️ please link everything mentioned in video so when I purchase u benefit. I love ur Amazon page. I bought the table. Which projector do u have? Thank u!! 🙏

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

    We need a tutorial for this aswell as the game u made and your presentation to to your parents please please please

  • @XXXXXX-vk1dm
    @XXXXXX-vk1dm 9 วันที่ผ่านมา

    Автор явно оторвана от реальности, бессмысленная красивая картинка и всё, потому что при таком свете работать невозможно

  • @FinnTheDestroyer
    @FinnTheDestroyer 9 วันที่ผ่านมา

    I'd love to know what program you used, please?

    • @chrisrvn
      @chrisrvn 7 วันที่ผ่านมา

      It’s Figma

  • @chlomoney9848
    @chlomoney9848 9 วันที่ผ่านมา

    What is this wallpaper? So cool

  • @nikitabehera5639
    @nikitabehera5639 9 วันที่ผ่านมา

    We need a tutorial please ❤

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

    What app do you use for the time and gradient on your iphone when charging???

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

    I just love your vlogs sm !! the editing style too