@sergei Avatar @sergei Sergei Chyrkov

Sergei Chyrkov posts on YouTube about tutorial, how to, code, tricks the most. They currently have [------] followers and [--] posts still getting attention that total [-----] engagements in the last [--] hours.

Engagements: [-----] #

Engagements Line Chart

Mentions: [--] #

Mentions Line Chart

Followers: [------] #

Followers Line Chart

CreatorRank: [---------] #

CreatorRank Line Chart

Social Influence

Social category influence technology brands stocks automotive brands products finance travel destinations countries

Social topic influence tutorial, how to, code, tricks, ai, ui #764, build, app, cursor, mcp server #8

Top accounts mentioned or mentioned by @skillshare @optimavod_by_espi @stevesniff @mentourlonghaul

Top assets mentioned Alphabet Inc Class A (GOOGL) Figma, Inc. (FIG) Dell Technologies, Inc. (DELL)

Top Social Posts

Top posts by engagements in the last [--] hours

"Design to Code: Figma Variables to React JS Design System In this tutorial I will show you how to create a design system web app from your Figma Variables. First we'll export our design tokens to JSON from Figma then we'll create a master design system file in Cursor. After that we'll create a web app using React JS and Next JS to show all possible design components made using our Figma variable. In the end we'll publish the project to Github. ๐Ÿ“บ Design tokens explained: https://youtu.be/tvObuIcAooE ๐Ÿ›  Design tokens file: https://buymeacoffee.com/sergeichyrkov/e/462828 View code on Github:"
YouTube Link 2025-12-12T11:02Z 12.2K followers, [----] engagements

"Design to Code with Figma MCP and Cursor Step-by-Step Tutorial ๐Ÿ›  Get a copy of Figma file: https://buymeacoffee.com/sergeichyrkov/e/488486 View code on Github: https://github.com/chyrkov/ez-banko ๐Ÿ‘‰ Figma MCP configuration: https://www.figma.com/mcp-catalog/ ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I'll show you how to transfer your design from Figma to code using Figma MCP and Cursor. I'll explain step-by-step how to set up Figma MCP server and connect it to Cursor. Also I will show that you can build a real iOS app from your design with Figma MCP"
YouTube Link 2025-12-04T15:28Z 12.2K followers, 31.1K engagements

"Turn Figma Designs Into Code in Minutes (No MCP Setup) ๐Ÿ‘‰ Check out MagicPath: https://www.magicpath.ai/ ๐Ÿ’Œ Join my newsletter to learn more: https://sergeichyrkov.com/learn Other useful videos: MagicPath full tutorial: https://youtu.be/l68HFQV5RJU Figma MCP: https://youtu.be/PPqt_xLg_5c ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance https://www.behance.net/chyrkov Linkedin"
YouTube Link 2026-02-05T16:56Z 12.2K followers, [----] engagements

"Stop Making Generic AI UI with Figma Make In this video Ill show you how to use Figma Make to generate beautiful intentional design layouts that actually match your reference not random AI output. โšก The first [---] people to use my link in the description or scan the QR code will receive a one month free trial of @Skillshare Get started today https://skl.sh/sergeichyrkov01261 ๐Ÿ“Œ Tutorial and Related stuff: Link to work file: https://buymeacoffee.com/sergeichyrkov/e/501444 Design tokens video: https://youtu.be/tvObuIcAooE Design tokens file: https://buymeacoffee.com/sergeichyrkov/e/462828 How to"
YouTube Link 2026-01-22T15:00Z 12.2K followers, [----] engagements

"Full AI Workflow To Build Websites in Minutes (ChatGPT + Cursor + Vercel) ๐Ÿ‘€ Preview: https://landingpage-sample-yt.vercel.app ๐Ÿ‘‰ Link to project files and GitHub: https://buymeacoffee.com/sergeichyrkov/e/499639 ๐Ÿ’Œ Need personal assistance Join my newsletter and learn more: https://sergeichyrkov.com/learn Most people use AI the wrong way when building websites. In this tutorial Ill show you how to create a real landing page from scratch using AI step by step without guessing and without messy results. Youll learn how to use ChatGPT the right way to generate clear copy and a solid page"
YouTube Link 2026-01-16T14:30Z 12.2K followers, [----] engagements

"How to Boost Your Profile and Get Clients on Contra Pro Tips ๐Ÿ‘‰ Join Contra now: https://on.contra.com/CjcdCD ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I want to introduce you to Contra the best platform for all designers and creators to be on On Contra you can share you portfolio find clients get discovered and be a part of the amazing design community I believe Contra will be the ultimate place for designer and will become a standard portfolio website. If you are there yet be sure to join today before it's too late ______________________________"
YouTube Link 2025-10-10T16:00Z 12.2K followers, [----] engagements

"Figma MCP + Cursor Full Tutorial Learn how to set up the Figma MCP server and connect it to Cursor AI in this step-by-step tutorial. With this powerful feature you can easily transfer your Figma designsincluding interactions and logic directly into working code. This marks a major advancement in the design-to-code workflow and could transform the way you build digital products. In this video you'll learn: โœ… How to set up the MCP server in Figma โœ… How to connect it to Cursor AI โœ… How to seamlessly convert your interactive designs into functional code Whether you're a designer developer or"
YouTube Link 2025-06-26T11:53Z 12.2K followers, 88.3K engagements

"Design Stunning App Store Screenshots in Minutes App Launchpad Tutorial ๐Ÿ‘‰ Sign up now: https://theapplaunchpad.com (use code APPLAUNCH30 to get 30% off exclusively for my viewers) ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video Im going to show you a tool that helps your app stand out by creating stunning App Store and Google Play screenshots in just minutes. When someone scrolls through the App Store or Google Play your screenshots are the first impression. Thats what decides whether people click on the app and download it or just keep scrolling. The App"
YouTube Link 2025-10-23T14:01Z 12.2K followers, [----] engagements

"How to Get Better UI Design with Figma Make and AI ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Most people use Figma Make by typing prompts and thats exactly why their designs look generic. Great UI doesnt start from blank prompts. It starts with strong visual references. In this video Ill show you a practical workflow for using real UI screenshots as design references in Figma Make so you can generate beautiful structured layouts and even build a clean design system from them. ๐Ÿ“Œ Youll learn: - Why prompting alone leads to average results in Figma Make - How to use"
YouTube Link 2025-12-18T19:06Z 12.2K followers, 34.3K engagements

"Figma Variables Explained Build a Scalable Design System Step by Step ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn ๐Ÿ‘‰ Link to Design System file: https://buymeacoffee.com/sergeichyrkov/e/462828 Do you want to create a scalable and maintainable design system on Figma In this interactive guide I help you establish Figma variables (or design tokens) including color type spacing and light/dark mode configurations all from the ground up. I cover collection structuring smart variable naming and consistent application across multiple projects. This is suitable for UX/UI"
YouTube Link 2025-09-29T15:09Z 12.2K followers, 19.8K engagements

"Custom Lightbox Gallery in Framer โšก Live website: https://lightboxgallerycomponent.framer.website ๐Ÿ‘‰ Get the file and Remix file: https://chyrkov.lemonsqueezy.com/buy/f73cd8a5-c352-444b-8af2-56591577c45b (use code FANS10 to get 10% off) ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In the video I will show you how to install custom Framer Lightbox component to your project. I will walk through all the features and show how to set it up. Effortlessly showcase images videos and embeds in a stunning fully customizable"
YouTube Link 2025-08-02T21:39Z 12.2K followers, [----] engagements

"Figma Liquid Glass Effect Full Tutorial In this video I'll show you how to create Apple's OS [--] Liquid Glass effect in Figma with Figma latest update. Previously a month ago I published a video about creating similar effect but now this is an official Figma update to effects section. With this effect you can create exactly iOS26 liquid glass effect with just one click of a button In this tutorial I will show you how to use the effect and how to apply it to a real project. I will walk through all settings and explain how they work. ๐Ÿ’Œ Join my newsletter and learn more:"
YouTube Link 2025-07-18T17:11Z 12.2K followers, [----] engagements

"Ultimate Guide on How to Create Complex Input Fields Components in Figma ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/398356 ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Input fields are one of the most overlooked elements in UI designbut theyre also one of the most important. In this video Ill show you how to design clean functional and user-friendly input fields in Figma step-by-step. Whether youre creating a sign-up form search bar or checkout flow this guide will help you master inputs with confidence. ๐Ÿ’ฌ Ive reviewed countless portfolios and seen the"
YouTube Link 2025-04-17T15:00Z 12.2K followers, 19.3K engagements

"Ultimate Guide to Figma Components & Variants ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/325376 ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Learn more about building a design system: https://youtu.be/tvObuIcAooE Learn how to create complex Figma components with variants in this step-by-step tutorial In this video I'll walk you through the process of building a versatile button component with over [--] different variants making it easy to customize for any project. Whether you're a beginner or experienced Figma user I'll show you efficient techniques to"
YouTube Link 2024-10-31T14:00Z 12.2K followers, 40.3K engagements

"Easy Parallax Scroll Animation In Figma Step-by-step Guide For Beginners In this video tutorial Im going to show you how to create a parallax scroll effect animation in Figma. This is a great effect for image galleries and portfolio. Well cover basic smart animations and transitions. ๐Ÿ‘‰ Link to Free file: https://www.buymeacoffee.com/sergeichyrkov/e/182952 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram"
YouTube Link 2023-10-27T15:00Z 12.2K followers, [---] engagements

"Design Reference in MagicPath The Best AI Design Tool In this tutorial I will show you a new in MagicPath which is called "Design Reference". Now you can mention the existing designs from your canvas in MagicPath to create complex UIs and webpages. Now you can concentrate on small design elements and then combine them in a large interfaces. I believe this is a great feature which will make the process of building AI design with MagicPath even more productive and enjoyable. ๐Ÿ‘‰ Link to MagicPath: https://www.magicpath.ai Learn more about MagicPath: https://youtu.be/l68HFQV5RJU ๐Ÿ’Œ Join my"
YouTube Link 2025-08-20T14:30Z 12.2K followers, [----] engagements

"How to Create Parallax Hero Animation in Figma Tutorial In this video we will create a cool parallax hero section animation for a website using Smart Animate in Figma. Ill show you step by step how to animate illustration to create parallax effect. ๐Ÿ‘‰ Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182953 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance"
YouTube Link 2023-11-01T21:13Z 12.2K followers, [----] engagements

"How to use Nano Banana AI Compare Krea.AI Gemini & Firefly ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video Im putting four AI image and text generation tools to the test: Nano Banana (Gemini [---] Flash Image) Krea Firefly and Gemini and then comparing everything against ChatGPT-5. Well run the exact same prompts across all platforms to see how each one interprets them what kinds of results they produce and where each model really shines. By the end youll not only understand what Nano Banana is and why it has such a funny name ๐ŸŒ but youll also have a clear"
YouTube Link 2025-08-29T18:50Z 12.2K followers, [----] engagements

"How to design a button the right way in Figma #figma #figmatutorial #shorts"
YouTube Link 2023-08-12T17:09Z 10.5K followers, [----] engagements

"Best Way To Create Similar Apples Liquid Glass Effect in Figma Tutorial ๐Ÿ’ฅ Figma introduced an official Liquid Glass effect. Check my overview of this update here: https://youtu.be/2P-ls1jVIJ4 ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/420023 ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I'll show you how to create Apple's OS [--] Liquid Glass effect buttons in Figma using Auto Layout and Effects in quick and best possible way. Currently there is no technical way to replicate the Apple's effect which is shown in their presentation but I will"
YouTube Link 2025-06-11T16:00Z 12.2K followers, 48.3K engagements

"Remix the Web with MagicPath Design with AI ๐Ÿ‘‰ MagicPath Ai https://www.magicpath.ai ๐Ÿ“Œ MagicPath chrome extension: https://chyrkov.link/u69yjZl ๐Ÿ’Œ What to learn more about MagicPath Join my newsletter and learn more: https://sergeichyrkov.com/learn ๐Ÿ“‹ Other useful video: Introduction to MagicPath https://youtu.be/l68HFQV5RJU MagicPath References https://youtu.be/l68HFQV5RJU In this video I want to show you a brand new feature by MagicPath that will definitely impact your design work flow Web Capture MagicPath is an ultimate AI design tool that lets you design visually in the infinite canvas"
YouTube Link 2025-10-31T15:34Z 12.2K followers, [----] engagements

"Custom Blog CMS Made Easy Framer Tutorial In this tutorial we'll build a blog using custom CMS in Framer. I'll show you all the step by step instructions how to create and blog page blog filters on my studio's website as an example. ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov ______________________________ ๐ŸŽ Book a free (limited time only) mentor session with me on ADPlist: https://adplist.org/mentors/sergei-chyrkov ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library"
YouTube Link 2024-05-31T09:30Z 12.2K followers, [----] engagements

"How To Create An "add To Cart" Button Animation In Figma Using Smart Animate ๐Ÿ’ฅWatch my Framer tutorial: https://youtu.be/C14b3JjEDlQ Learn how to create a button with Wow effect animation in Figma using smart animate that will blow minds of your clients In this video tutorial I will show you how to use smart animation feature in Figma to create simple but fancy button effect. ๐Ÿ‘‰ Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182944 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library"
YouTube Link 2023-07-31T14:00Z 10.2K followers, 21.4K engagements

"How to build Framer Custom Code Components ๐Ÿ‘‰ Spreadsheet calculator: https://docs.google.com/spreadsheets/d/1_MnB_EHSJcXluGqhEcXb5iVFGDQ7DKzbpjlTDFfdKv4/editusp=sharing ๐Ÿงฎ Live calculator: https://sergeichyrkov.com/blog/resources/price-calculator ๐Ÿ’Œ Need consultation on Framer MCP or Cursor Learn more: https://sergeichyrkov.com/learn In this video I'll demonstrate how to create a fully functional Framer calculator by leveraging a spreadsheet like "Google sheets" combined with the power of "Chat GPT" and "Cursor AI". This comprehensive "tool" simplifies the process of building interactive"
YouTube Link 2025-11-24T15:15Z 12.2K followers, [----] engagements

"Figma Make or Figma MCP Design to Code Tutorial ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this tutorial I'll walk through how to use Figma Make and how to set up Figma MCP with Cursor. We'll look at two use cases hotel card and a dashboard. In this video you'll learn: โœ… How to use Figma Make โœ… How to set up the MCP server in Figma โœ… How to connect it to Cursor AI โœ… How to convert your designs into code โœ… What is the difference between Figma Make and Figma MCP Whether you're a designer developer or product builder this tutorial will help you streamline your"
YouTube Link 2025-10-17T14:15Z 12.2K followers, 14.4K engagements

"5 Amazing Button Animations in Figma Tutorial In this video I want to show you [--] amazing button animation examples which you can easily create in Figma. We'll cover auto layout function and smart animation. Be sure to check out my other videos about animations in Figma. ๐Ÿ‘‰ Link to Free file: https://www.buymeacoffee.com/sergeichyrkov/e/186302 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram"
YouTube Link 2023-11-23T14:00Z 12.2K followers, 84.7K engagements

"Build a Mini Game with Hand Recognition with [--] AI Prompt ๐Ÿ‘‰ Try it yourself: https://sergeichyrkov.com/blog/resources/snowflakes-game โš™ Free Github link a project: https://github.com/chyrkov/snowflakes--game ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I walk you through building a fully functional browser-based hand-tracking game. We use MediaPipe for computer vision HTML5 Canvas for the engine and Gemini to pull it all together into a single-file masterpiece. This is perfect for designers hobbyists and "amateur" devs who want to move past the syntax"
YouTube Link 2025-12-25T15:37Z 12.2K followers, [---] engagements

"How To Create Like Button Animation Using Local Variables in Figma Beginner Tutorial In this video I'll walk you through the steps to create a dynamic Like counter button prototype using Figma. Whether you're new to prototyping or looking to enhance your skills this tutorial is tailored to help you achieve impressive results. ๐ŸŽ“ In this tutorial you'll discover: - Setting up your Figma project for effective prototyping - Creating a counter button with intuitive interactions - Using Figma's smart animate to achieve seamless transitions - Tips on using Figma variables ๐Ÿ‘‰ Link to file:"
YouTube Link 2023-09-06T12:00Z 12.2K followers, [----] engagements

"Upgrading my desk setup with Shure SM7B #shure #shuresm7b #desksetup"
YouTube Link 2025-07-29T07:48Z 12.2K followers, [----] engagements

"Ultimate Guide to MagicPath The New AI Design Tool That Will Change Everything ๐Ÿ‘‰ Check out MagicPath: https://www.magicpath.ai ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this tutorial I will show you a new design tool powered by AI MagicPath. Instead of working in one static canvas or endless chat prompts MagicPath lets you design visually and iteratively in the infinite canvas and tools just like were used to in Figma or Sketch but supercharged with AI. I believe this app will change the industry and design workflows. ______________________________ Check out my"
YouTube Link 2025-07-04T16:04Z 12.2K followers, 64.1K engagements

"Create Liquid Glass effect in Figma similar to iOS26 #figma #liquidglass #figmatutorial #ios26"
YouTube Link 2025-06-20T07:18Z 12.2K followers, [----] engagements

"Ive created a Web App Using Cursor + Figma MCP in [--] minutes ๐Ÿ‘‰๐Ÿ‘‰๐Ÿ‘‰ Try it yourself: https://sergeichyrkov.com/blog/resources/carousel-creator In this video Ill show you step by step how to build an Instagram Slide Carousel Creator web app from design to code. ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Well start by setting up the design system in Figma then move into Cursor (AI-powered coding editor) to bring it to life. By the end youll have a fully working web app that: - Lets users paste text and split it into multiple carousel slides - Uploads custom background"
YouTube Link 2025-09-11T14:00Z 12.2K followers, [----] engagements

"Sticky Scroll Animation in Figma Tutorial for Beginners In this tutorial I will show you how to create a cards stack animation in Figma using "Sticky" effect. This can used in website design as well as mobile app design. ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/293587 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance https://www.behance.net/chyrkov Linkedin"
YouTube Link 2024-08-23T10:00Z 12.2K followers, 45.4K engagements

"Turn Figma Designs Into Code in Minutes (No MCP Setup) ๐Ÿ‘‰ Check out MagicPath: https://www.magicpath.ai/ ๐Ÿ’Œ Join my newsletter to learn more: https://sergeichyrkov.com/learn Other useful videos: MagicPath full tutorial: https://youtu.be/l68HFQV5RJU Figma MCP: https://youtu.be/PPqt_xLg_5c ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance https://www.behance.net/chyrkov Linkedin"
YouTube Link 2026-02-05T16:56Z 12.2K followers, [----] engagements

"Stop Making Generic AI UI with Figma Make In this video Ill show you how to use Figma Make to generate beautiful intentional design layouts that actually match your reference not random AI output. โšก The first [---] people to use my link in the description or scan the QR code will receive a one month free trial of @Skillshare Get started today https://skl.sh/sergeichyrkov01261 ๐Ÿ“Œ Tutorial and Related stuff: Link to work file: https://buymeacoffee.com/sergeichyrkov/e/501444 Design tokens video: https://youtu.be/tvObuIcAooE Design tokens file: https://buymeacoffee.com/sergeichyrkov/e/462828 How to"
YouTube Link 2026-01-22T15:00Z 12.2K followers, [----] engagements

"Full AI Workflow To Build Websites in Minutes (ChatGPT + Cursor + Vercel) ๐Ÿ‘€ Preview: https://landingpage-sample-yt.vercel.app ๐Ÿ‘‰ Link to project files and GitHub: https://buymeacoffee.com/sergeichyrkov/e/499639 ๐Ÿ’Œ Need personal assistance Join my newsletter and learn more: https://sergeichyrkov.com/learn Most people use AI the wrong way when building websites. In this tutorial Ill show you how to create a real landing page from scratch using AI step by step without guessing and without messy results. Youll learn how to use ChatGPT the right way to generate clear copy and a solid page"
YouTube Link 2026-01-16T14:30Z 12.2K followers, [----] engagements

"Build a Mini Game with Hand Recognition with [--] AI Prompt ๐Ÿ‘‰ Try it yourself: https://sergeichyrkov.com/blog/resources/snowflakes-game โš™ Free Github link a project: https://github.com/chyrkov/snowflakes--game ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I walk you through building a fully functional browser-based hand-tracking game. We use MediaPipe for computer vision HTML5 Canvas for the engine and Gemini to pull it all together into a single-file masterpiece. This is perfect for designers hobbyists and "amateur" devs who want to move past the syntax"
YouTube Link 2025-12-25T15:37Z 12.2K followers, [---] engagements

"How to Get Better UI Design with Figma Make and AI ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Most people use Figma Make by typing prompts and thats exactly why their designs look generic. Great UI doesnt start from blank prompts. It starts with strong visual references. In this video Ill show you a practical workflow for using real UI screenshots as design references in Figma Make so you can generate beautiful structured layouts and even build a clean design system from them. ๐Ÿ“Œ Youll learn: - Why prompting alone leads to average results in Figma Make - How to use"
YouTube Link 2025-12-18T19:06Z 12.2K followers, 34.3K engagements

"Design to Code: Figma Variables to React JS Design System In this tutorial I will show you how to create a design system web app from your Figma Variables. First we'll export our design tokens to JSON from Figma then we'll create a master design system file in Cursor. After that we'll create a web app using React JS and Next JS to show all possible design components made using our Figma variable. In the end we'll publish the project to Github. ๐Ÿ“บ Design tokens explained: https://youtu.be/tvObuIcAooE ๐Ÿ›  Design tokens file: https://buymeacoffee.com/sergeichyrkov/e/462828 View code on Github:"
YouTube Link 2025-12-12T11:02Z 12.2K followers, [----] engagements

"Design to Code with Figma MCP and Cursor Step-by-Step Tutorial ๐Ÿ›  Get a copy of Figma file: https://buymeacoffee.com/sergeichyrkov/e/488486 View code on Github: https://github.com/chyrkov/ez-banko ๐Ÿ‘‰ Figma MCP configuration: https://www.figma.com/mcp-catalog/ ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I'll show you how to transfer your design from Figma to code using Figma MCP and Cursor. I'll explain step-by-step how to set up Figma MCP server and connect it to Cursor. Also I will show that you can build a real iOS app from your design with Figma MCP"
YouTube Link 2025-12-04T15:28Z 12.2K followers, 31.1K engagements

"How to build Framer Custom Code Components ๐Ÿ‘‰ Spreadsheet calculator: https://docs.google.com/spreadsheets/d/1_MnB_EHSJcXluGqhEcXb5iVFGDQ7DKzbpjlTDFfdKv4/editusp=sharing ๐Ÿงฎ Live calculator: https://sergeichyrkov.com/blog/resources/price-calculator ๐Ÿ’Œ Need consultation on Framer MCP or Cursor Learn more: https://sergeichyrkov.com/learn In this video I'll demonstrate how to create a fully functional Framer calculator by leveraging a spreadsheet like "Google sheets" combined with the power of "Chat GPT" and "Cursor AI". This comprehensive "tool" simplifies the process of building interactive"
YouTube Link 2025-11-24T15:15Z 12.2K followers, [----] engagements

"How to Price Your Design Services (and Not Get Screwed) ๐Ÿ‘‰ Calculate your hourly rate for free: https://sergeichyrkov.com/blog/resources/price-calculator ๐Ÿ‘‰ How to create custom Framer calculator https://youtu.be/UIPudlTEgQg ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Want to figure out how much to charge for your design work Im Sergei Chyrkov. I run a design agency and I teach web design Framer and Figma online. This video covers useful pricing strategies for freelance designers. Learn how to make money setting your rates for web design and logo work. I share a"
YouTube Link 2025-11-17T14:40Z 12.2K followers, [---] engagements

"Remix the Web with MagicPath Design with AI ๐Ÿ‘‰ MagicPath Ai https://www.magicpath.ai ๐Ÿ“Œ MagicPath chrome extension: https://chyrkov.link/u69yjZl ๐Ÿ’Œ What to learn more about MagicPath Join my newsletter and learn more: https://sergeichyrkov.com/learn ๐Ÿ“‹ Other useful video: Introduction to MagicPath https://youtu.be/l68HFQV5RJU MagicPath References https://youtu.be/l68HFQV5RJU In this video I want to show you a brand new feature by MagicPath that will definitely impact your design work flow Web Capture MagicPath is an ultimate AI design tool that lets you design visually in the infinite canvas"
YouTube Link 2025-10-31T15:34Z 12.2K followers, [----] engagements

"Design Stunning App Store Screenshots in Minutes App Launchpad Tutorial ๐Ÿ‘‰ Sign up now: https://theapplaunchpad.com (use code APPLAUNCH30 to get 30% off exclusively for my viewers) ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video Im going to show you a tool that helps your app stand out by creating stunning App Store and Google Play screenshots in just minutes. When someone scrolls through the App Store or Google Play your screenshots are the first impression. Thats what decides whether people click on the app and download it or just keep scrolling. The App"
YouTube Link 2025-10-23T14:01Z 12.2K followers, [----] engagements

"Figma Make or Figma MCP Design to Code Tutorial ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this tutorial I'll walk through how to use Figma Make and how to set up Figma MCP with Cursor. We'll look at two use cases hotel card and a dashboard. In this video you'll learn: โœ… How to use Figma Make โœ… How to set up the MCP server in Figma โœ… How to connect it to Cursor AI โœ… How to convert your designs into code โœ… What is the difference between Figma Make and Figma MCP Whether you're a designer developer or product builder this tutorial will help you streamline your"
YouTube Link 2025-10-17T14:15Z 12.2K followers, 14.4K engagements

"How to Boost Your Profile and Get Clients on Contra Pro Tips ๐Ÿ‘‰ Join Contra now: https://on.contra.com/CjcdCD ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I want to introduce you to Contra the best platform for all designers and creators to be on On Contra you can share you portfolio find clients get discovered and be a part of the amazing design community I believe Contra will be the ultimate place for designer and will become a standard portfolio website. If you are there yet be sure to join today before it's too late ______________________________"
YouTube Link 2025-10-10T16:00Z 12.2K followers, [----] engagements

"Figma Variables Explained Build a Scalable Design System Step by Step ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn ๐Ÿ‘‰ Link to Design System file: https://buymeacoffee.com/sergeichyrkov/e/462828 Do you want to create a scalable and maintainable design system on Figma In this interactive guide I help you establish Figma variables (or design tokens) including color type spacing and light/dark mode configurations all from the ground up. I cover collection structuring smart variable naming and consistent application across multiple projects. This is suitable for UX/UI"
YouTube Link 2025-09-29T15:09Z 12.2K followers, 19.8K engagements

"Ive created a Web App Using Cursor + Figma MCP in [--] minutes ๐Ÿ‘‰๐Ÿ‘‰๐Ÿ‘‰ Try it yourself: https://sergeichyrkov.com/blog/resources/carousel-creator In this video Ill show you step by step how to build an Instagram Slide Carousel Creator web app from design to code. ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Well start by setting up the design system in Figma then move into Cursor (AI-powered coding editor) to bring it to life. By the end youll have a fully working web app that: - Lets users paste text and split it into multiple carousel slides - Uploads custom background"
YouTube Link 2025-09-11T14:00Z 12.2K followers, [----] engagements

"How to use Nano Banana AI Compare Krea.AI Gemini & Firefly ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video Im putting four AI image and text generation tools to the test: Nano Banana (Gemini [---] Flash Image) Krea Firefly and Gemini and then comparing everything against ChatGPT-5. Well run the exact same prompts across all platforms to see how each one interprets them what kinds of results they produce and where each model really shines. By the end youll not only understand what Nano Banana is and why it has such a funny name ๐ŸŒ but youll also have a clear"
YouTube Link 2025-08-29T18:50Z 12.2K followers, [----] engagements

"Design Reference in MagicPath The Best AI Design Tool In this tutorial I will show you a new in MagicPath which is called "Design Reference". Now you can mention the existing designs from your canvas in MagicPath to create complex UIs and webpages. Now you can concentrate on small design elements and then combine them in a large interfaces. I believe this is a great feature which will make the process of building AI design with MagicPath even more productive and enjoyable. ๐Ÿ‘‰ Link to MagicPath: https://www.magicpath.ai Learn more about MagicPath: https://youtu.be/l68HFQV5RJU ๐Ÿ’Œ Join my"
YouTube Link 2025-08-20T14:30Z 12.2K followers, [----] engagements

"Custom Lightbox Gallery in Framer โšก Live website: https://lightboxgallerycomponent.framer.website ๐Ÿ‘‰ Get the file and Remix file: https://chyrkov.lemonsqueezy.com/buy/f73cd8a5-c352-444b-8af2-56591577c45b (use code FANS10 to get 10% off) ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In the video I will show you how to install custom Framer Lightbox component to your project. I will walk through all the features and show how to set it up. Effortlessly showcase images videos and embeds in a stunning fully customizable"
YouTube Link 2025-08-02T21:39Z 12.2K followers, [----] engagements

"Upgrading my desk setup with Shure SM7B #shure #shuresm7b #desksetup"
YouTube Link 2025-07-29T07:48Z 12.2K followers, [----] engagements

"Figma Liquid Glass Effect Full Tutorial In this video I'll show you how to create Apple's OS [--] Liquid Glass effect in Figma with Figma latest update. Previously a month ago I published a video about creating similar effect but now this is an official Figma update to effects section. With this effect you can create exactly iOS26 liquid glass effect with just one click of a button In this tutorial I will show you how to use the effect and how to apply it to a real project. I will walk through all settings and explain how they work. ๐Ÿ’Œ Join my newsletter and learn more:"
YouTube Link 2025-07-18T17:11Z 12.2K followers, [----] engagements

"Ultimate Guide to MagicPath The New AI Design Tool That Will Change Everything ๐Ÿ‘‰ Check out MagicPath: https://www.magicpath.ai ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this tutorial I will show you a new design tool powered by AI MagicPath. Instead of working in one static canvas or endless chat prompts MagicPath lets you design visually and iteratively in the infinite canvas and tools just like were used to in Figma or Sketch but supercharged with AI. I believe this app will change the industry and design workflows. ______________________________ Check out my"
YouTube Link 2025-07-04T16:04Z 12.2K followers, 64.1K engagements

"Figma MCP + Cursor Full Tutorial Learn how to set up the Figma MCP server and connect it to Cursor AI in this step-by-step tutorial. With this powerful feature you can easily transfer your Figma designsincluding interactions and logic directly into working code. This marks a major advancement in the design-to-code workflow and could transform the way you build digital products. In this video you'll learn: โœ… How to set up the MCP server in Figma โœ… How to connect it to Cursor AI โœ… How to seamlessly convert your interactive designs into functional code Whether you're a designer developer or"
YouTube Link 2025-06-26T11:53Z 12.2K followers, 88.3K engagements

"Create Liquid Glass effect in Figma similar to iOS26 #figma #liquidglass #figmatutorial #ios26"
YouTube Link 2025-06-20T07:18Z 12.2K followers, [----] engagements

"Best Way To Create Similar Apples Liquid Glass Effect in Figma Tutorial ๐Ÿ’ฅ Figma introduced an official Liquid Glass effect. Check my overview of this update here: https://youtu.be/2P-ls1jVIJ4 ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/420023 ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn In this video I'll show you how to create Apple's OS [--] Liquid Glass effect buttons in Figma using Auto Layout and Effects in quick and best possible way. Currently there is no technical way to replicate the Apple's effect which is shown in their presentation but I will"
YouTube Link 2025-06-11T16:00Z 12.2K followers, 48.3K engagements

"Ultimate Guide on How to Create Complex Input Fields Components in Figma ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/398356 ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Input fields are one of the most overlooked elements in UI designbut theyre also one of the most important. In this video Ill show you how to design clean functional and user-friendly input fields in Figma step-by-step. Whether youre creating a sign-up form search bar or checkout flow this guide will help you master inputs with confidence. ๐Ÿ’ฌ Ive reviewed countless portfolios and seen the"
YouTube Link 2025-04-17T15:00Z 12.2K followers, 19.3K engagements

"Best budget [--] 4K monitor for design work and photography #monitormount #monitorpro #dell"
YouTube Link 2025-02-12T16:04Z 12.2K followers, [---] engagements

"Framer Forms Name and Phone Fields Validation ๐Ÿ’ฅ Major 03.04.25 update: now it is a component Now you can easily adjust country code and phone mask from dashboard without going into the code Free updates to all supporters. โšก Live website: https://formfieldsvalidation.framer.website ๐Ÿ‘‰ Get the Remix file: https://chyrkov.lemonsqueezy.com/buy/b62811fb-e87e-4eb8-8512-d55837c23bcb (use code FANS10 to get 10% off) ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Recently one of our clients requested to have a form validation"
YouTube Link 2024-12-12T14:00Z 12.2K followers, [----] engagements

"Ultimate Guide to Figma Components & Variants ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/325376 ๐Ÿ’Œ Join my newsletter and learn more: https://sergeichyrkov.com/learn Learn more about building a design system: https://youtu.be/tvObuIcAooE Learn how to create complex Figma components with variants in this step-by-step tutorial In this video I'll walk you through the process of building a versatile button component with over [--] different variants making it easy to customize for any project. Whether you're a beginner or experienced Figma user I'll show you efficient techniques to"
YouTube Link 2024-10-31T14:00Z 12.2K followers, 40.3K engagements

"How to Earn Free Money with Framer and Contra In this video I will show how to participate in Framer Partner Program and earn money for referring to your clients. We'll go step by step by setting up an account and creating a wallet on Contra platform. I will explain how to create a referral link to Framer. I will show how to set up a wallet on Contra to receive payouts from Framer. ๐Ÿ’ฅ Links to services: ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov Contra https://on.contra.com/8KLGM7 ๐Ÿ’Œ Sign up for my Figma course and newsletter: https://sergeichyrkov.com/learn ๐Ÿ’ฐ Recommended crypto"
YouTube Link 2024-09-12T15:53Z 12.2K followers, [----] engagements

"How to Link File to Button in Figma #figma #figmatutorial"
YouTube Link 2024-09-11T11:28Z 12.2K followers, [----] engagements

"Sticky Scroll Animation in Figma Tutorial for Beginners In this tutorial I will show you how to create a cards stack animation in Figma using "Sticky" effect. This can used in website design as well as mobile app design. ๐Ÿ‘‰ Link to file: https://buymeacoffee.com/sergeichyrkov/e/293587 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance https://www.behance.net/chyrkov Linkedin"
YouTube Link 2024-08-23T10:00Z 12.2K followers, 45.4K engagements

"5 Figma Tips I wish I knew earlier In this video I will show you five tricks which I wish I knew when I was just starting out. I will show you short cuts which I use in my work and which will scale up your workflow. ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance https://www.behance.net/chyrkov Linkedin https://linkedin.com/in/sergeichyrkov ๐ŸŽถ"
YouTube Link 2024-08-08T16:40Z 12.2K followers, [---] engagements

"How to Redesign Logo Step-by-step Process Explained. Real Client In this video I will walk you through step by step how to redesign a logo and present it to a client. This is a real life example of one of my clients. I will show you my presentation with slides explaining the process of the logo redesign. By the end of the video you will understand the basics of logo concept generation how to make a grid for a logo how to make a monochrome and color logo how to present the logotype concept to a client. ______________________________ Check out my links My website https://sergeichyrkov.com My"
YouTube Link 2024-07-25T14:00Z 12.2K followers, [---] engagements

"How I use Figma Variables to speed up workflow In this quick tutorial I'll explain how to use Figma local variables to create a system and make your life easier. I'll show you step by step how to create and use variables in your designs as a system which will make your workflow fast and easy ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance https://www.behance.net/chyrkov Linkedin"
YouTube Link 2024-07-11T14:00Z 12.2K followers, [----] engagements

"Create Custom Confetti Effect Component Framer Tutorial In this tutorial I'm going to show you how to create this cool confetti animation in Framer for your for success page We'll be using Framer custom forms and create a component override to create a customizable confetti animation component. ๐Ÿ‘€ Preview: https://confetti-success.framer.website ๐Ÿ‘‰ Get a FREE copy: https://buymeacoffee.com/sergeichyrkov/e/268719 ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated"
YouTube Link 2024-06-27T14:00Z 12.2K followers, [----] engagements

"Custom Blog CMS Made Easy Framer Tutorial In this tutorial we'll build a blog using custom CMS in Framer. I'll show you all the step by step instructions how to create and blog page blog filters on my studio's website as an example. ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov ______________________________ ๐ŸŽ Book a free (limited time only) mentor session with me on ADPlist: https://adplist.org/mentors/sergei-chyrkov ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library"
YouTube Link 2024-05-31T09:30Z 12.2K followers, [----] engagements

"6 Amazing Menu Button Animation in Figma Tutorial This tutorial is ultimate guide on how to make [--] amazing "hamburger" menu animations in Figma. You can use these menu animations on your websites or mobile. In this tutorial we will be using Smart Animation in Figma and I will show you some of my personal tricks. Together with you will create classic hamburger mobile menu animation and some more complicated ones like "Kebab" and "Chocolate" versions. Let me know which one do you like the most ๐Ÿ‘‰ Link to FREE file: https://buymeacoffee.com/sergeichyrkov/e/255366 ๐ŸŽ Book a FREE (limited time"
YouTube Link 2024-05-16T15:00Z 12.2K followers, [----] engagements

"Responsive Bento Style Landing Page in Framer. Full Tutorial In this tutorials I'll show you how to easily create a personal "bento style" landing page in Framer from scratch. We'll cover stacks grids component creation and some basic hover animation as well as creating a fully responsive layout. ๐Ÿ‘€ Preview https://higher-goal-107627.framer.app ๐Ÿ‘‰ Free project Remix Link: https://www.buymeacoffee.com/sergeichyrkov/e/220993 ๐Ÿ™Œ Sign up for Framer https://framer.link/chyrkov ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio"
YouTube Link 2024-02-15T15:00Z 12.2K followers, [----] engagements

"Framer: The Best Web Design Website Builder Tool in [----] For beginners In this video I want to tell you what I believe is the best web design tool in [----] I believe is the best no-code website builder is Framer In this video I'll show you how easy it is and especially if you are familiar to Figma In this video I'll show you basics on how to create a simple website using Framer premade components and how to set up a CMS. ๐Ÿ‘‰ Framer: https://bit.ly/3I1qUmN follow my link and use promo code "partner25proyearly" to get [--] free months on a Pro annual subscription ๐Ÿ‘€ My photography Framer template:"
YouTube Link 2024-02-10T10:06Z 12.2K followers, [---] engagements

"Top [--] Reasons You Shouldn't Become Web Designer in [----] In this video I want to talk to you about reason why you should go to web design. Of course I love web design and I was doing it for over [--] years But before you decide to to put your life on it listen to my thoughts and recommendations ๐Ÿ‘‰The Best tool for web design in [----] Framer: https://bit.ly/3I1qUmN follow my link and use promo code "partner25proyearly" to get [--] free months on a Pro annual subscription ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated"
YouTube Link 2024-02-01T15:00Z 12.2K followers, [----] engagements

"How to Create Add to Cart Button Animation Framer Tutorial Learn how to create a stunning button animation in Framer with this easy-to-follow tutorial โœจ In this video you'll discover: Step-by-step instructions for creating a unique and eye-catching button animation Essential Framer techniques and tools for building interactive prototypes Tips and tricks for taking your button animations to the next level ๐Ÿช„ Whether you're a beginner or a seasoned designer this tutorial will teach you everything you need to know to create awesome button animations in Framer. Plus check out my other video on"
YouTube Link 2023-11-30T14:00Z 12.2K followers, [----] engagements

"5 Amazing Button Animations in Figma Tutorial In this video I want to show you [--] amazing button animation examples which you can easily create in Figma. We'll cover auto layout function and smart animation. Be sure to check out my other videos about animations in Figma. ๐Ÿ‘‰ Link to Free file: https://www.buymeacoffee.com/sergeichyrkov/e/186302 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram"
YouTube Link 2023-11-23T14:00Z 12.2K followers, 84.7K engagements

"Istanbul Winter [----] Trip short cinematic video shot on iPhone Here is a short video about my trip to Istanbul during winter [----] shot completely on my iPhone. Also this is my first video totally edited in Adobe Premier Rush. I hope you'll like it Enjoy ๐Ÿ™Œ ๐Ÿ“ธ Check out all photos from the trip here: https://sergeichyrkov.com/photography/istanbul-january-2023 ๐ŸŽถ Best Music for Creators: https://bit.ly/3ZDkDYq My links My website https://sergeichyrkov.com My studio https://chyrkov.studio Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance"
YouTube Link 2023-11-13T10:00Z 12.2K followers, [---] engagements

"How to Create Parallax Hero Animation in Figma Tutorial In this video we will create a cool parallax hero section animation for a website using Smart Animate in Figma. Ill show you step by step how to animate illustration to create parallax effect. ๐Ÿ‘‰ Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182953 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram https://instagram.com/chyrkov Behance"
YouTube Link 2023-11-01T21:13Z 12.2K followers, [----] engagements

"Easy Parallax Scroll Animation In Figma Step-by-step Guide For Beginners In this video tutorial Im going to show you how to create a parallax scroll effect animation in Figma. This is a great effect for image galleries and portfolio. Well cover basic smart animations and transitions. ๐Ÿ‘‰ Link to Free file: https://www.buymeacoffee.com/sergeichyrkov/e/182952 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram"
YouTube Link 2023-10-27T15:00Z 12.2K followers, [---] engagements

"How to create button in Figma ultimate guide Tutorial In this video I'll explain how to design a button in Figma using Auto Layout and components. I'll tell you the difference between bad and good buttons. Also I'll show you how to use layer boolean properties inside the button to make it for versatile. ๐Ÿ‘‰ Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182951 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated resources library https://designsweets.co Twitter https://twitter.com/sergeichyrkov Instagram"
YouTube Link 2023-10-19T15:00Z 12.2K followers, [----] engagements

"Responsive design in Figma using Auto Layout and Local Variables Hey designers๐Ÿ‘‹ In this video I'll show you how to create responsive design in Figma using Auto Layout and Local Variables. Local Variables are super useful when you're using several modes (Pro License). I'll show you how to create breakpoints how to set up and apply variables how to use Wrap layout in Auto Layout and much more ๐Ÿ‘‰ Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182950 ______________________________ Check out my links My website https://sergeichyrkov.com My studio https://chyrkov.studio My curated"
YouTube Link 2023-10-02T13:00Z 12.2K followers, [----] engagements

"How To Prototype Gallery Filters in Figma Using Local Variables Beginner Tutorial In this video we will design a minimal portfolio gallery with category filters. Then we will make a prototype and animate it using Local Variables. ๐ŸŽ“ In this tutorial you'll learn: - how to design a component button - how to design minimal gallery - how to use Auto Layout - how to create an interactive component - how to use local variables - how to use conditionals ๐Ÿ‘‰ Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182949 ______________________________ Check out my links My website"
YouTube Link 2023-09-14T17:04Z 12.2K followers, [----] engagements

"How To Create Like Button Animation Using Local Variables in Figma Beginner Tutorial In this video I'll walk you through the steps to create a dynamic Like counter button prototype using Figma. Whether you're new to prototyping or looking to enhance your skills this tutorial is tailored to help you achieve impressive results. ๐ŸŽ“ In this tutorial you'll discover: - Setting up your Figma project for effective prototyping - Creating a counter button with intuitive interactions - Using Figma's smart animate to achieve seamless transitions - Tips on using Figma variables ๐Ÿ‘‰ Link to file:"
YouTube Link 2023-09-06T12:00Z 12.2K followers, [----] engagements

"How to create a counter using local variables in Figma Tutorial In this Figma Tutorial I'll show you how design a dynamic counter using variables In this video I'll guide you through the process of creating an engaging counter design in Figma utilizing the power of variables and conditionals to add flexibility and interactivity to your projects. Whether you're new to Figma or looking to expand your design skill set this tutorial is tailored to meet your needs. ๐Ÿ‘‰ Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182947 ______________________________ Check out my links My website"
YouTube Link 2023-08-31T13:00Z 12.2K followers, 76.6K engagements

Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing