- 123
- 567 499
meshtimes
เข้าร่วมเมื่อ 14 ม.ค. 2021
✿ hullo! i’m marisa and i'm a product designer @ tiktok ✿ you can find me mostly in san francisco or thailand sharing my experience in tech, design, and start-ups
welcome to the cozy side ✨ i hope you can find some inspirations or learnings from my videos 🌱
insta: meshtimes
tiktok: www.tiktok.com/@meshtimes
welcome to the cozy side ✨ i hope you can find some inspirations or learnings from my videos 🌱
insta: meshtimes
tiktok: www.tiktok.com/@meshtimes
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 :)
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
Love this idea!! Thank you for sharing it with the world 🤩 Also, what’s everyone’s gift ideas?
Can you please link The led light strip
what software did yo use
Really nice setup !
this is the cutest idea ever! thank you for the tutorial I'll definitely be trying it out ☺🎄
Hello! Is it possible to connect the calendar with the current date so that it becomes impossible to cheat (only old + current day opens)?
not with figma prototype but that can be done through a website builder (havent tried yet tho)
Hello mesh!! Thanks for this gift, it is impresionant!! But, how do you arrange the windows in the bulding with the protoype items?
Duplicate (copy) and paste the idle state of each window! Arrange onto the building layer :)
@ ouch! So easier!! Thanks a lot for this template!!!💚
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
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
what website do you use/recommend for a portfolio?
I have one of those, it’s a cheap kids camera on Amazon btw.
This tutorial had me crying in bed histerically haha but I just started again and we will see.
Don’t know how 😕
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...
hi!! duplicate the idle state only of each window and paste them onto the building! (don't take the original, just the copy!!)
Ok thank youuu<3
Thanksss for sharing! It's really inspiring 💝
Please do more tutorials! I’m trying this for sure 🤩
I do not achieve to make the change between the idle and hover when I put it on the building it does not work
Thanks sist for tutorial ❤❤❤
I love you btw
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?
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 :)
@@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!
@ yes one file per one person! (if you plan on writing different cards in there) 💗
@@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!!! ❤️
@ yayyyy im so glad
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??
Such a cute idea, I'll make some for my friends <3 Thanks for sharing your community link :)
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?
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! :)
Whoa what is that?
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.
Hey, did you find out how to replace the text with your own one?
@@fuzzymindtalks Yes, I figured it out! Thank you anyways. :)
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! :)
@@meshtimescan you maybe upload a short explaining how to add pictures as I am struggling with it :(
got it lol thankyou!!
It does not work. No link to the final calendar.
Thank you so much for this tutorial! Where did you get your photos for the cards off?
pinterest and cosmos! and then i used the figma ai "remove background" feature
@@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 💖💖💖
@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!
@@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!
How did u make your room Illustration and please make more projects like this it's so so good
i drew it on my ipad and then cropped it so it fits the window vector shape !
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 ❤
ahhh thank you jennie :)) this means a lot
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!
Thank you! Will do!
This is perfeeeect!! I was searching the whole last two weeks for EXACTLY this video haha for my LDR ❤❤
yay! can't wait to see what you came up with
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🥹
Create more tutorials for these kinda interesting stuff pleaseeeeee...you explained it sooo calmly and soo well!!
ahhh thank you and will do!
Wooo ... interesting vlog ~!
love it!!!!
ahh I love these short tutorials TY!! 🍓✨💗⭐
yay! i'm so glad <3
Love the idea, I please need a tutorial 🎉🎉❤❤
This is such a cool / cute idea!
Useless video
where did you get that screen background?
Hoooowwww??? Please?
ahhh, actually can't wait for the tutorial!!!
We can't wait to see the tutorial
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!! 🙏
We need a tutorial for this aswell as the game u made and your presentation to to your parents please please please
Автор явно оторвана от реальности, бессмысленная красивая картинка и всё, потому что при таком свете работать невозможно
I'd love to know what program you used, please?
It’s Figma
What is this wallpaper? So cool
We need a tutorial please ❤
What app do you use for the time and gradient on your iphone when charging???
I just love your vlogs sm !! the editing style too