- 39
- 430 557
Product Meow
Singapore
Приєднався 8 вер 2021
At Product Meow, we guide learners through a detailed step-by-step tutorial on how to build products that has real value.
How To Make Image Carousel / Slider On Figma
Learn how to create an image carousel where the images auto slides from left to right.
Connect with Product Meow:
UA-cam @productmeow
⏰ Timecodes ⏰
0:00 - What you will be creating
0:15 - Set up dummy images
2:41 - Draft image row into frame
2:58 - Copy iphone frame and reposition each image row such that each iphone is showing different image.
5:18 - Animate the image auto slider where images are automatically sliding from left to right
7:56 - View final product in presentation view
#productmeow #figma #figmatutorial
Connect with Product Meow:
UA-cam @productmeow
⏰ Timecodes ⏰
0:00 - What you will be creating
0:15 - Set up dummy images
2:41 - Draft image row into frame
2:58 - Copy iphone frame and reposition each image row such that each iphone is showing different image.
5:18 - Animate the image auto slider where images are automatically sliding from left to right
7:56 - View final product in presentation view
#productmeow #figma #figmatutorial
Переглядів: 80
Відео
Host Static Site on AWS S3
Переглядів 21Місяць тому
Copy the Bucket Policy here: sites.google.com/view/product-meow/projects/host-static-website-on-aws-s3?authuser=0#h.mlieujhc572g Copy the full HTML code for the personal website here: sites.google.com/view/product-meow/projects/host-static-website-on-aws-s3?authuser=0#h.xm3pdp3ku2wa Connect with Product Meow: UA-cam @productmeow #productmeow #aws #awstutorial About: In this video, you'll learn ...
How To Animate Text In Figma
Переглядів 48Місяць тому
About: In this video, you'll learn how to make a professional looking text animation for your website using Figma. Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:18 - Create 2 parts for the text 4:47 - Preview your creation #productmeow #figmatutorial #figma Music from #Uppbeat (free for Creators!): uppbeat.io/t/pryces/music-is License code: 0W1N...
How To Import NPM module in AWS Lambda (Node.js) - using Layer
Переглядів 358Місяць тому
About: In this video, you'll learn how to install any npm module for AWS Lambda in a Node.js environment. Since npm modules must be uploaded as "Layers" before they can be utilized in Lambda functions, we’ll guide you through the step-by-step process to create and upload these Layers. By the end of this tutorial, you'll be ready to integrate any npm module into your Lambda functions seamlessly....
Create Text Field With Animated Label On Figma (Step By Step)
Переглядів 180Місяць тому
Thinking of putting blinking cursor in the active input field? You can check out this tutorial on how to create blinking cursor on Figma: ua-cam.com/video/rDniFAWC84g/v-deo.html Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:20 - Start creating 4:05 - Check our work (Default ➡️ Hover state) 4:52 - Create Active state 6:38 - Check our work (Defaul...
Figma How To Make Horizontal Scroll (Super Easy !)
Переглядів 190Місяць тому
Want to know how to make VERTICAL scroll? Watch this video: ua-cam.com/video/-VqzSLSP6Qk/v-deo.html Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - Start making vertical scroll 1:44 - See end vertical scroll demo in presentation view #productmeow #figma #figmatutorial About: In this video, you'll learn how make horizontal scroll on Figma.
How To Make Vertical Scroll Figma (Easy !)
Переглядів 368Місяць тому
Want to know how to make HORIZONTAL scroll? Watch this video: ua-cam.com/video/gsTYrx-29z4/v-deo.html Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - Start creating 0:06 - Create content container frame 0:51 - Create dummy content to be placed within the content container frame 2:06 - TIP: Ensure you place the content WITHIN the content container 2:27 - Tidy up the content 2...
Dropdown Menu on Figma (Super Easy !)
Переглядів 703Місяць тому
Wanna challenge yourself to learn how to create more complex components? Check out my channel. Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:14 - Start building individual Option 2:05 - Combining Options To Make It Look Like Dropdown Menu 6:17 - Create Dropdown Component 9:11 - 1st Check To See Static Dropdown on Presentation View 10:45 - Giving...
How to create MUI Transfer List using Figma (Easy !)
Переглядів 119Місяць тому
To learn how to create a checkbox, you can watch this video tutorial: ua-cam.com/video/KAacv3N1Hiw/v-deo.html&ab_channel=ProductMeow Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:28 - You'll need a checkbox component 0:50 - Where to learn how to create checkbox component 1:09 - Start creating Transfer List 11:22 - Piece transfer list frames toge...
How to upload file to AWS S3 using Javascript (Easy !)
Переглядів 5075 місяців тому
For part 2 (how to download file from AWS S3 with pre-signed url) - subscribe to my channel to get notified :) Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - Initial project setup 1:05 - Getting the access key and secret key 5:33 - Install SDK S3 Client 8:50 - Create bucket on S3 11:33 - Configure S3 client 13:45 - Prepare file to be uploaded to AWS S3 16:51 - Successfully ...
How to Create Interactive Calendar On Figma (very simple !)
Переглядів 1,2 тис.8 місяців тому
If you're interested to learn how to create a Time Picker (Ant Design), watch this tutorial: ua-cam.com/video/BSv-1 4wHo/v-deo.html&ab_channel=ProductMeow Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:21 - Create reusable "Day" component 2:24 - Start creating calendar 4:54 - Test calendar 5:15 - End result of the calendar #productmeow #figma Abo...
Bulk Send Personalised Emails Using Gmail and Google Sheet
Переглядів 1038 місяців тому
If you want the code for the app script, you can download it here: forms.gle/EDr4TZ3NtumV2LgWA Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:07 - Google Sheet setup 0:40 - Dynamic variable in subject and body 1:34 - Open Google App Script 1:50 - Start implementing sendBulkEmails function 11:29 - Run function to start bulk sending email 12:09 - V...
Rest APIs using Google Sheet
Переглядів 2608 місяців тому
Download the code here: forms.gle/pAth9ArNU5JhXzks9 If you want to see the step by step process on how to create the database on google sheet, watch this video: ua-cam.com/video/Kyyxpp4gvt8/v-deo.html Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:07 - Where you can download the code 0:38 - Creating the structure for doPost to handle POST request 2:34 - Define executeFunction 4:...
How to use Google Sheet as Backend for your App
Переглядів 6398 місяців тому
To create REST APIs for your google sheet backend, watch this video: ua-cam.com/video/Kyyxpp4gvt8/v-deo.html Download the code here: forms.gle/8YVSWmvmEPCuV6VD8 Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - Setting up the table structure 0:43 - Create getTodoTable function 1:58 - Create createTodo function 4:25 - Test createTodo function 6:10 - Create getTodo function 16:1...
How to use ChatGPT in Google Sheet (No extension needed!)
Переглядів 9249 місяців тому
If you want the code for the app script, you can download it here: forms.gle/L48kfHH5rQeSRp6K7 Connect with Product Meow: UA-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:26 - Open App Script from Google Sheet 1:04 - Start implementing GPT function in App Script 4:06 - Where to get OPEN AI API KEY 4:49 - Continue implementing GPT function in App Script 6:09 - How to test GPT...
Send Gmail Automatically with Google Form Submission (Easy !)
Переглядів 7619 місяців тому
Send Gmail Automatically with Google Form Submission (Easy !)
The Only Drag And Drop Figma Tutorial You Will Ever Need
Переглядів 23 тис.Рік тому
The Only Drag And Drop Figma Tutorial You Will Ever Need
Build Your Own Telegram AI Chatbot Quickly with MAKE in 15 Minutes
Переглядів 9 тис.Рік тому
Build Your Own Telegram AI Chatbot Quickly with MAKE in 15 Minutes
Extract Structured Data (JSON) Using Open Ai Function Calling - Python
Переглядів 1,3 тис.Рік тому
Extract Structured Data (JSON) Using Open Ai Function Calling - Python
How To Create Button Hover Effect On Figma
Переглядів 2,3 тис.2 роки тому
How To Create Button Hover Effect On Figma
How To Create Loading Button (with loading spinner inside) On Figma
Переглядів 1,7 тис.2 роки тому
How To Create Loading Button (with loading spinner inside) On Figma
How To Create Responsive Card Layout On Figma
Переглядів 5 тис.2 роки тому
How To Create Responsive Card Layout On Figma
How To Create Select Dropdown On Figma
Переглядів 5 тис.2 роки тому
How To Create Select Dropdown On Figma
How To Create Ant Design Time Picker On Figma
Переглядів 2,3 тис.2 роки тому
How To Create Ant Design Time Picker On Figma
How To Create Scrollbar Animation On Figma
Переглядів 30 тис.2 роки тому
How To Create Scrollbar Animation On Figma
I made everything and it works, however my spinner doesn´t spin as smooth as yours, idk what am i doing wrong:(
What I don’t understand is how do I incorporate it into the app I’m designing
I really like your video. Plz stay connect always . Waiting for another amazing video.
I appreciate your support! 😊 Subscribe to stay connected with upcoming videos :)
Finally got it after watching several videos.😍😊😁 Thank you so much
Glad it helped! 😊
Oh my gosh thank you soooo much you helped so much I didn’t sleep the other day trying other YT channels on this for my coursework.
Glad it helped!
great video, i didnt think making toggle button can be this easily. at fist i was using frame and circle without auto layout and it was so hard and making no sense. never know figma can be this powerfull
I’m glad this has helped you figured out a different way to do things :) Keep learning !
bro i thank god for your existance. You explaint me smth what none could
I’m glad it has helped you
thankss
Thank you! excellent :-)
You are welcome!
This is awesome, thank you
You're very welcome!
Finally got it
Glad it has helped !
tq .... btw i too like cats
Welcome 😊
Very Detailed tutorial thank you!
I’m glad you find it helpful !
This is the only one that has worked for me..... already watched 20 videos till now nothing worked thankyou so much
I’m glad it has helped you!
This is so good
Glad it was helpful !
Nice job🎉
🥳
Amazing
Thank you! Cheers!
Fantastic video, thank you for sharing! Just wondering if it's possible to translate, parse keyword, and analyze sentiment from text in correspondent cell? Say, I got cell A2 containing full text like: "How to delete my account?" Then how can I twist the script and tailor the prompt for translation, keyword parsing, and sentiments analysis? Thanks again for your sharing!
For each prompt, they exist in their individual column. For example: - Column A = Full Text - Column B = GPT for translation - Column C = GPT for keyword parsing - Column D = GPT for sentiment analysis
u da man!
Glad it helped !
thx so much bro!
Happy to help !
Bro, Now figma updated it's smart animate interaction by using this method I'm getting jerk (spinners is not rotating smoothly) how to solve it.
Excellent video, i learned so much, thank you !!
Glad it was helpful in your learning !
Sir i am getting Cannot read properties of undefined (reading 'Email Address') at onFormSubmit(Untitled:4:34) I have followed all steps but getting this error what to do
Ensure that you have “Email Address” in your google sheet
@@productmeow thanks sir it works
How do you create say like a 3.5 star
Split the star into half and join both halfs together
Amazing, clear to the point. Thanks for making this.
Glad it was helpful!
Muchas gracias
You’re welcome ! Glad you find it helpful !
thanks for the tutorial, it was the only one that managed to solve my problem
Glad I could help !
Thanks mate! Cheers
Glad to help!
Thank you so much for tutorial, i found your channel on the right time👍🏼
Glad I could help!
Great content, the best video on the topic!
Glad it was helpful!
what is Max Tokens
When using OpenAI's GPT action in Make.com, setting the max_tokens value allows you to control how verbose or concise the responses are. For example, if you set it to 100, you might receive a shorter response suitable for generating keywords or brief summaries. Setting a lower max_tokens can help avoid unexpected costs, as higher token usage corresponds to higher charges on your OpenAI account.
I THINK ONE OF THE BEST VIDEOS IN INSTRUCTING/TEACHING WHAT NEEDS EXACTLY!!!! Thanks so much for this video!
Glad it was helpful!
Thank you 😊😊so much
You are so welcome!
Thank you for this example! A little detail, when u copy and paste, you dont have to copy again to paste the same items. Its already stored in the clipboard. You just keep on pasting as much as you please.
Thanks for sharing with fellow learners !
Why work harder when you can work smarter? Come on! Save your time. There are table templates available. Editable. Just use them guys. Time is money.
amazing thank you so much I have no idea if this was a thing! Thank you so much!
You're very welcome! There are many things google sheet (or rather App Script) can do. If you dive deep into it, you will realise you can do tons of automation.
What is the max token?
When using OpenAI's GPT action in Make.com, setting the max_tokens value allows you to control how verbose or concise the responses are. For example, if you set it to 100, you might receive a shorter response suitable for generating keywords or brief summaries. Setting a lower max_tokens can help avoid unexpected costs, as higher token usage corresponds to higher charges on your OpenAI account.
Thanks
You are welcome ! Glad you find it helpful
Mine came out a bit choppy, and Im using Smart Animate...
❤❤❤❤
you know there are keyboard shortcuts, right...?
Absolutely. For those who are familiar with shortcuts, feel free to use them :)
how can i make it output a number from -30 to 30
Hi, love your channel! How can I send you a message to reach out?
Glad you find the video helpful :) If you have any questions, feel free to comment here. Sometimes other learns can help if I didn’t have the time to respond :)
Thank you!
You're welcome!
8:30 video starts here
what if i want to add another column, is there a good dynamic page?
I would add the additional column on the component itself. Add the additional column to component will update the change in the table.
Hi! What kind of font is this?
I’m using Roboto
THANKYOUUUU SOOO MUCHHHH I DIDN'T THOUGHT I COULD MAKE IT!!! BECAUSE OF YOU I TRIED AND IT TURNED OUT SOO GOOOD, APP APPRECIATE YOU KEEP TEACHING PLEASE
I’m glad you find it helpful !
Thanks a lot
Most welcome ! Hope it gives you some idea to kickstart your next ai chatbot project :)