- Видео 33
- Просмотров 208 103
Toni Järvinen - Design Tutorials
Швейцария
Добавлен 18 янв 2023
Framer and Figma tutorials, and design tips. 🪄
Top 10 Widgets to Embed on Your Website | Framer Tutorial
Get started with Framer: www.framer.com/?via=tonjrv
Download my Free Framer Templates: tonjrv.lemonsqueezy.com/
Discover the best widgets to enhance your website's functionality and user experience! In this video, we'll explore the top 10 widgets to embed on your website. From social media feeds to interactive maps, these tools will help you engage your visitors, streamline operations, and boost your site's performance. Don't miss out on these essential add-ons that can take your website to the next level!
Booking Calendars: www.bookingmood.com/?ref=toni
Google Calendar: calendar.google.com/
Weather Widgets: weather.tomorrow.io/widget/
Spotify: spotify.com/
Google Maps: maps.google.com/
x/Twitter...
Download my Free Framer Templates: tonjrv.lemonsqueezy.com/
Discover the best widgets to enhance your website's functionality and user experience! In this video, we'll explore the top 10 widgets to embed on your website. From social media feeds to interactive maps, these tools will help you engage your visitors, streamline operations, and boost your site's performance. Don't miss out on these essential add-ons that can take your website to the next level!
Booking Calendars: www.bookingmood.com/?ref=toni
Google Calendar: calendar.google.com/
Weather Widgets: weather.tomorrow.io/widget/
Spotify: spotify.com/
Google Maps: maps.google.com/
x/Twitter...
Просмотров: 2 452
Видео
Custom Video Player in Framer (No-code tutorial)
Просмотров 2,1 тыс.3 месяца назад
Live demo: videocomponent.framer.website/ Remix this project: framer.com/projects/new?duplicate=nvHuC84wtejvEVGbGUMe&via=tonjrv In this video, we'll guide you through the process of how to create custom video player in Framer. You can use the video player to match with your unique site style. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a to...
Stacked Cards Effect in Framer (No-code tutorial)
Просмотров 3,2 тыс.4 месяца назад
Live demo: stackedcards.framer.website/ Remix this project: framer.com/projects/new?duplicate=1uQdnzKCZHFiHwAw4LRP&via=tonjrv Get the Stacky Template for FREE: stacky.framer.website/ In this video, we'll guide you through the process of how to create stacked cards effect in Framer when you are scrolling the page. Whether you're a beginner or an experienced designer, this step-by-step tutorial w...
Show & Hide Navigation bar on Scroll - Framer no-code tutorial
Просмотров 6 тыс.5 месяцев назад
Create your free Framer account: www.framer.com/?via=tonjrv Get the Appverse template for free: tonjrv.lemonsqueezy.com/ In this video, we'll guide you through the process how you can show and hide navigation bar on scroll. Making your website interactiveengaging. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your ...
Interactive Navigation Menu in Framer (No-code tutorial)
Просмотров 18 тыс.5 месяцев назад
Live demo: interactivenavigation.framer.website/ Remix this project: framer.com/projects/new?duplicate=osR2BQpWVnOmZAG9Sf3D&via=tonjrv Get the Appverse template for free: tonjrv.lemonsqueezy.com/ In this video, we'll guide you through the process of how to create interactive navigation menu that is interactive and updates based on the scroll sections. Whether you're a beginner or an experienced...
Fixed Side Navigation Bar in Framer | Step-by-Step No-code Tutorial
Просмотров 2,9 тыс.6 месяцев назад
Live demo: fixednavigation.framer.website/ Remix this for free: framer.com/projects/new?duplicate=jyqT4bShSCnNXZy7DSTP&via=tonjrv In this video, we'll guide you through the process of how to create a fixed side navigation bar in Framer. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your website. Chapters: 00:00 Pre...
Circular Progress Bar Animation | Figma for Beginners (Part 2 - Timer in Figma)
Просмотров 3,9 тыс.6 месяцев назад
See the first tutorial on counting timer: ruclips.net/video/w3Z3rQD2qQk/видео.html In this video, you'll learn how to create a circular progress bar animation in Figma. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your prototypes. Chapters: 00:00 Preview 00:38 Circular Animation Basics 01:30 Creating Animation 04:...
Interactive Pricing Section - Framer No-Code Tutorial
Просмотров 2 тыс.6 месяцев назад
Live demo: interactivepricing.framer.website/ Remix this project: framer.com/projects/new?duplicate=KmkoeKkLsPvyzJ9oQWA1&via=tonjrv In this video, we'll guide you through the process of how to create interactive pricing section using Framer. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your website. Chapters: 00:0...
Text Animation & Scroll Animation - Framer for Beginners | No-code Tutorial
Просмотров 11 тыс.7 месяцев назад
Live demo: textanimation.framer.website/ Remix this project: framer.com/projects/new?duplicate=GHMfqhxxzPPhcD3zb1Ev&via=tonjrv In this video, we'll guide you through the process of how to create text animations and scroll animations using Framer. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your website. Chapters:...
Best Figma Plugin for Landing Page Animation - Figma & Framer Tutorial (No-code)
Просмотров 5 тыс.8 месяцев назад
Create your free Framer account: www.framer.com/?via=tonjrv Live website: noiseanimation.framer.website/ Remix the project for free: framer.com/projects/new?duplicate=MRmIIZdE4v2YpNYEHFOs&via=tonjrv Noise & Texture Plugin: www.figma.com/community/plugin/1138854718618193875/noise-texture In this video, we'll guide you through the process of creating a cool website animation with Figma Plugin, an...
Card Animation in Framer with Scroll Variants | No-Code Tutorial
Просмотров 4 тыс.8 месяцев назад
Live demo: cardtutorial.framer.website/ Remix this project: framer.com/projects/new?duplicate=HE7gUy4bjdgpmavI76Qx&via=tonjrv In this video, we'll guide you through the process of interactive animated info cards in Framer. We will use Scroll Variants and Scroll Sections to achieve the effect. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a to...
Best Design Tools To Learn in 2024
Просмотров 2,7 тыс.8 месяцев назад
Best Design Tools To Learn in 2024
Spline x Framer: 3D Websites with real objects using Gaussian Splatting | No-code Tutorial
Просмотров 13 тыс.9 месяцев назад
Spline x Framer: 3D Websites with real objects using Gaussian Splatting | No-code Tutorial
Animated Rainbow Button Component in Framer | Step-by-Step No-code Tutorial
Просмотров 3,6 тыс.9 месяцев назад
Animated Rainbow Button Component in Framer | Step-by-Step No-code Tutorial
Interactive Buttons in Framer | Step-by-Step No-code Tutorial
Просмотров 19 тыс.10 месяцев назад
Interactive Buttons in Framer | Step-by-Step No-code Tutorial
Responsive Card Section in Framer | Step-by-Step No-code Tutorial
Просмотров 4,6 тыс.10 месяцев назад
Responsive Card Section in Framer | Step-by-Step No-code Tutorial
Animated Hue Cards in Framer | Step-by-Step No-code Tutorial
Просмотров 6 тыс.10 месяцев назад
Animated Hue Cards in Framer | Step-by-Step No-code Tutorial
Rolling Text Animation in Figma | Step-by-Step Prototype Tutorial
Просмотров 1,6 тыс.10 месяцев назад
Rolling Text Animation in Figma | Step-by-Step Prototype Tutorial
Rolling Text animation in Framer | Step-by-Step No-code Tutorial
Просмотров 38 тыс.10 месяцев назад
Rolling Text animation in Framer | Step-by-Step No-code Tutorial
Framer tutorial: Interactive Tooltip in under 2 minutes (No-code)
Просмотров 3,5 тыс.11 месяцев назад
Framer tutorial: Interactive Tooltip in under 2 minutes (No-code)
Learn Figma: Animated Border in Figma for Beginners
Просмотров 4,6 тыс.11 месяцев назад
Learn Figma: Animated Border in Figma for Beginners
Framer tutorial: Animated Border in 2 minutes (No-code)
Просмотров 9 тыс.11 месяцев назад
Framer tutorial: Animated Border in 2 minutes (No-code)
Creating an Interactive Menu Button in Framer | Step-by-Step No-code Tutorial
Просмотров 11 тыс.Год назад
Creating an Interactive Menu Button in Framer | Step-by-Step No-code Tutorial
Learn Figma: How to do timer animation in Figma for beginners
Просмотров 27 тыс.Год назад
Learn Figma: How to do timer animation in Figma for beginners