Product Meow
Product Meow
  • 39
  • 430 557
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
Переглядів: 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 !)
Figma Loading Spinner - 2024 UPDATED
Переглядів 3,2 тис.Рік тому
Figma Loading Spinner - 2024 UPDATED
The Only Drag And Drop Figma Tutorial You Will Ever Need
Переглядів 23 тис.Рік тому
The Only Drag And Drop Figma Tutorial You Will Ever Need
How to create slider on Figma
Переглядів 7 тис.Рік тому
How to create slider on Figma
Star Rating Component on Figma
Переглядів 6 тис.Рік тому
Star Rating Component on Figma
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 Simple Table On Figma
Переглядів 80 тис.2 роки тому
How To Create Simple Table 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
How To Create Accordion On Figma
Переглядів 3,4 тис.2 роки тому
How To Create Accordion On Figma

КОМЕНТАРІ

  • @franciscaaguilera3299
    @franciscaaguilera3299 День тому

    I made everything and it works, however my spinner doesn´t spin as smooth as yours, idk what am i doing wrong:(

  • @rubmindswithchacha2456
    @rubmindswithchacha2456 День тому

    What I don’t understand is how do I incorporate it into the app I’m designing

  • @GameFire23
    @GameFire23 2 дні тому

    I really like your video. Plz stay connect always . Waiting for another amazing video.

    • @productmeow
      @productmeow 2 дні тому

      I appreciate your support! 😊 Subscribe to stay connected with upcoming videos :)

  • @OlogboComfortUfuoma
    @OlogboComfortUfuoma 6 днів тому

    Finally got it after watching several videos.😍😊😁 Thank you so much

  • @lolavannafashion
    @lolavannafashion 8 днів тому

    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.

  • @user74555-xyz
    @user74555-xyz 9 днів тому

    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

    • @productmeow
      @productmeow 9 днів тому

      I’m glad this has helped you figured out a different way to do things :) Keep learning !

  • @МухаммаджонНазиржонов-ь5р

    bro i thank god for your existance. You explaint me smth what none could

    • @productmeow
      @productmeow 10 днів тому

      I’m glad it has helped you

  • @todododotot4713
    @todododotot4713 12 днів тому

    thankss

  • @RichardOlowalu
    @RichardOlowalu 16 днів тому

    Thank you! excellent :-)

  • @alexolotl764
    @alexolotl764 16 днів тому

    This is awesome, thank you

  • @Mindsetwarrior77
    @Mindsetwarrior77 26 днів тому

    Finally got it

  • @dhanushrijayakumar4177
    @dhanushrijayakumar4177 28 днів тому

    tq .... btw i too like cats

  • @Mocososgarage
    @Mocososgarage Місяць тому

    Very Detailed tutorial thank you!

    • @productmeow
      @productmeow 29 днів тому

      I’m glad you find it helpful !

  • @ChetnaRawat-o3v
    @ChetnaRawat-o3v Місяць тому

    This is the only one that has worked for me..... already watched 20 videos till now nothing worked thankyou so much

    • @productmeow
      @productmeow Місяць тому

      I’m glad it has helped you!

  • @63_sampradatibhe47
    @63_sampradatibhe47 Місяць тому

    This is so good

  • @belindaloisgedjah6532
    @belindaloisgedjah6532 Місяць тому

    Nice job🎉

  • @63_sampradatibhe47
    @63_sampradatibhe47 Місяць тому

    Amazing

  • @AliceChen-o3c
    @AliceChen-o3c Місяць тому

    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!

    • @productmeow
      @productmeow Місяць тому

      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

  • @winfriedbauer2280
    @winfriedbauer2280 Місяць тому

    u da man!

  • @venommusic1278
    @venommusic1278 Місяць тому

    thx so much bro!

  • @digitalhector7213
    @digitalhector7213 Місяць тому

  • @Sanjay-sz3sm
    @Sanjay-sz3sm Місяць тому

    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.

  • @eleanordoherty7726
    @eleanordoherty7726 Місяць тому

    Excellent video, i learned so much, thank you !!

    • @productmeow
      @productmeow Місяць тому

      Glad it was helpful in your learning !

  • @techboystamilyt7971
    @techboystamilyt7971 Місяць тому

    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

    • @productmeow
      @productmeow Місяць тому

      Ensure that you have “Email Address” in your google sheet

    • @techboystamilyt7971
      @techboystamilyt7971 Місяць тому

      @@productmeow thanks sir it works

  • @richardnwoha1112
    @richardnwoha1112 Місяць тому

    How do you create say like a 3.5 star

    • @productmeow
      @productmeow Місяць тому

      Split the star into half and join both halfs together

  • @dhruvsolanki4473
    @dhruvsolanki4473 Місяць тому

    Amazing, clear to the point. Thanks for making this.

  • @danielochoa2419
    @danielochoa2419 Місяць тому

    Muchas gracias

    • @productmeow
      @productmeow Місяць тому

      You’re welcome ! Glad you find it helpful !

  • @Mele.5889
    @Mele.5889 Місяць тому

    thanks for the tutorial, it was the only one that managed to solve my problem

  • @castyourmemories_AdrianSzramek
    @castyourmemories_AdrianSzramek Місяць тому

    Thanks mate! Cheers

  • @zvriad
    @zvriad 2 місяці тому

    Thank you so much for tutorial, i found your channel on the right time👍🏼

  • @AlexTaylorEnglishPronunciation
    @AlexTaylorEnglishPronunciation 2 місяці тому

    Great content, the best video on the topic!

  • @NahomKerebih
    @NahomKerebih 2 місяці тому

    what is Max Tokens

    • @productmeow
      @productmeow Місяць тому

      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.

  • @shruthiNarayananloveinfinity
    @shruthiNarayananloveinfinity 2 місяці тому

    I THINK ONE OF THE BEST VIDEOS IN INSTRUCTING/TEACHING WHAT NEEDS EXACTLY!!!! Thanks so much for this video!

  • @Jan__16
    @Jan__16 2 місяці тому

    Thank you 😊😊so much

  • @absolutevibe
    @absolutevibe 2 місяці тому

    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.

    • @productmeow
      @productmeow 2 місяці тому

      Thanks for sharing with fellow learners !

  • @Hozanaa
    @Hozanaa 2 місяці тому

    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.

  • @estrellademar6937
    @estrellademar6937 2 місяці тому

    amazing thank you so much I have no idea if this was a thing! Thank you so much!

    • @productmeow
      @productmeow 2 місяці тому

      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.

  • @moonrasadul
    @moonrasadul 2 місяці тому

    What is the max token?

    • @productmeow
      @productmeow Місяць тому

      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.

  • @azybeki
    @azybeki 2 місяці тому

    Thanks

    • @productmeow
      @productmeow Місяць тому

      You are welcome ! Glad you find it helpful

  • @phill2
    @phill2 2 місяці тому

    Mine came out a bit choppy, and Im using Smart Animate...

  • @afranahmed9775
    @afranahmed9775 3 місяці тому

    ❤❤❤❤

  • @caffeineUI
    @caffeineUI 3 місяці тому

    you know there are keyboard shortcuts, right...?

    • @productmeow
      @productmeow 3 місяці тому

      Absolutely. For those who are familiar with shortcuts, feel free to use them :)

  • @CTIOA
    @CTIOA 3 місяці тому

    how can i make it output a number from -30 to 30

  • @ZoyaZhu
    @ZoyaZhu 3 місяці тому

    Hi, love your channel! How can I send you a message to reach out?

    • @productmeow
      @productmeow 3 місяці тому

      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 :)

  • @wowgirlchannel
    @wowgirlchannel 3 місяці тому

    Thank you!

  • @hug-the-raccoon
    @hug-the-raccoon 3 місяці тому

    8:30 video starts here

  • @Ayoubased
    @Ayoubased 3 місяці тому

    what if i want to add another column, is there a good dynamic page?

    • @productmeow
      @productmeow 3 місяці тому

      I would add the additional column on the component itself. Add the additional column to component will update the change in the table.

  • @gg-vm1oh
    @gg-vm1oh 3 місяці тому

    Hi! What kind of font is this?

  • @humakhan7639
    @humakhan7639 4 місяці тому

    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

    • @productmeow
      @productmeow 3 місяці тому

      I’m glad you find it helpful !

  • @mcduckexchange6518
    @mcduckexchange6518 4 місяці тому

    Thanks a lot

    • @productmeow
      @productmeow 3 місяці тому

      Most welcome ! Hope it gives you some idea to kickstart your next ai chatbot project :)