<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Sergei Chyrkov Blog</title>
    <link>https://sergeichyrkov.com/blog</link>
    <description>Tutorials and articles on Figma, Framer, AI design workflows, and product design.</description>
    <language>en-us</language>
    <lastBuildDate>Thu, 29 Oct 2026 00:00:00 GMT</lastBuildDate>
    <atom:link href="https://sergeichyrkov.com/feed.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>How I Built an Award-Worthy Website with Claude in 15 Minutes</title>
      <link>https://sergeichyrkov.com/blog/award-winning-website-claude</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/award-winning-website-claude</guid>
      <pubDate>Thu, 29 Oct 2026 00:00:00 GMT</pubDate>
      <description>Learn how to build an award-winning website with Claude Opus 5.5, Three.js and GSAP. 3D scroll animations from one master prompt, built in 15 minutes.</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Screenshot to Code With Claude: Can It Really Rebuild a Whole Page?</title>
      <link>https://sergeichyrkov.com/blog/screenshot-to-code-claude</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/screenshot-to-code-claude</guid>
      <pubDate>Thu, 22 Oct 2026 00:00:00 GMT</pubDate>
      <description>Screenshot to code with Claude works for short pages but breaks on long ones. I tested 3 real pages and found the blueprint method that fixes it.</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How I Use Mobbin MCP to Make Claude Design Like a Human (Not Like AI Slop)</title>
      <link>https://sergeichyrkov.com/blog/mobbin-mcp-claude-cursor</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/mobbin-mcp-claude-cursor</guid>
      <pubDate>Wed, 21 Oct 2026 00:00:00 GMT</pubDate>
      <description>Learn how to use Mobbin MCP with Claude and Cursor to research apps, redesign generic AI websites, and create better UI and animations from real references.</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Claude Opus 5.5 Doesn’t Generate Video — It Writes Code That Becomes Motion</title>
      <link>https://sergeichyrkov.com/blog/claude-opus-motion-remotion-threejs</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/claude-opus-motion-remotion-threejs</guid>
      <pubDate>Wed, 07 Oct 2026 00:00:00 GMT</pubDate>
      <description>Claude Opus 5.5 writes Remotion and Three.js code — not video files. Here’s how I built Raw Soul (3D boutique), a Monlio Remotion spot in ~5 minutes, and a…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Why I Built a Manual Multi-Currency Money Tracker (and Called It Monlio)</title>
      <link>https://sergeichyrkov.com/blog/why-i-built-monlio</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/why-i-built-monlio</guid>
      <pubDate>Sat, 03 Oct 2026 00:00:00 GMT</pubDate>
      <description>Other money apps felt overcomplicated. I built Monlio — a calm, offline-first tracker for multi-currency accounts, crypto, stocks, and subscriptions. No bank…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>What Happens When You Give AI Real Design References</title>
      <link>https://sergeichyrkov.com/blog/fable-5.1-mobbin-mcp</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/fable-5.1-mobbin-mcp</guid>
      <pubDate>Thu, 24 Sep 2026 00:00:00 GMT</pubDate>
      <description>Why does AI-generated UI all look the same? I tested Claude Code and Fable 5.1 with and without Mobbin MCP design references. Here&amp;#39;s what really changed.</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>The Relume Publish Workflow: How I Build Client Websites Without Losing My Mind (or My Weekend)</title>
      <link>https://sergeichyrkov.com/blog/relume-publish</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/relume-publish</guid>
      <pubDate>Tue, 15 Sep 2026 00:00:00 GMT</pubDate>
      <description>See how the Relume Publish workflow lets web designers build fast, consistent client websites without endless AI prompting — from brief to live site.</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>I Turned My Website Into a Design System With Claude Code — Then Built an App With It</title>
      <link>https://sergeichyrkov.com/blog/claude-code-design-skill</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/claude-code-design-skill</guid>
      <pubDate>Thu, 03 Sep 2026 00:00:00 GMT</pubDate>
      <description>The Claude Code design skill turns your website into a design system, then builds app screens and social carousels you can edit on a real canvas. Here's how.</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How I Build a SaaS Product with AI in One Week (My Actual Workflow, Step by Step)</title>
      <link>https://sergeichyrkov.com/blog/how-to-build-a-saas-product-with-ai</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-build-a-saas-product-with-ai</guid>
      <pubDate>Thu, 27 Aug 2026 00:00:00 GMT</pubDate>
      <description>I've built several SaaS products with AI in just one week — here's the exact step-by-step workflow, from idea validation to deployment.</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Why Your AI Design Workflow Is Producing Slop (And How to Fix It)</title>
      <link>https://sergeichyrkov.com/blog/real-ai-design-workflow-avoid-ai-slop</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/real-ai-design-workflow-avoid-ai-slop</guid>
      <pubDate>Fri, 14 Aug 2026 00:00:00 GMT</pubDate>
      <description>I recently posted a video called “No More Slop,” and the comments were… a lot. 😅 Some of you called it a gold mine. Others said the result still looked…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How I Turned a Generic AI-Generated Website Into a Professional Design (My Full Claude Design Workflow)</title>
      <link>https://sergeichyrkov.com/blog/claude-design-workflow</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/claude-design-workflow</guid>
      <pubDate>Sun, 02 Aug 2026 00:00:00 GMT</pubDate>
      <description>If you’ve ever generated a website with AI and thought, “okay… this is fine, but it looks like every other AI site out there” — you’re not alone. 😅 I…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>How I Use an AI Website Design Workflow to Go From One Prompt to a Live, Award-Worthy Site</title>
      <link>https://sergeichyrkov.com/blog/ai-website-design-workflow-claude-code-framer</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/ai-website-design-workflow-claude-code-framer</guid>
      <pubDate>Tue, 28 Jul 2026 00:00:00 GMT</pubDate>
      <description>Let’s be honest — most “AI-generated websites” look… AI-generated. 😬 Same layouts, same fonts, same soulless hero sections. So when people started asking me…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Framer AI Agents Just Changed How We Build Websites</title>
      <link>https://sergeichyrkov.com/blog/framer-ai-agents-just-changed-how-we-build-websites</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/framer-ai-agents-just-changed-how-we-build-websites</guid>
      <pubDate>Wed, 01 Jul 2026 00:00:00 GMT</pubDate>
      <description>I've been waiting for this for over a year. Genuinely. Every time I opened Framer, some small part of my brain was hoping today would be the day AI agents…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Cafe Cursor Bucharest Recap: 54 Builders, Two Floors, and a Lot of Coffee</title>
      <link>https://sergeichyrkov.com/blog/cafe-cursor-bucharest-2026-06-27</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/cafe-cursor-bucharest-2026-06-27</guid>
      <pubDate>Mon, 29 Jun 2026 00:00:00 GMT</pubDate>
      <description>On June 27, I proudly hosted Cafe Cursor in Bucharest, and it turned out to be a massive success. We had 113 sign-ups in total , and 54 people attended…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>From Figma to Code in Seconds — Without Spending a Single Token</title>
      <link>https://sergeichyrkov.com/blog/from-figma-to-code-in-seconds-without-spending-a-single-token</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/from-figma-to-code-in-seconds-without-spending-a-single-token</guid>
      <pubDate>Thu, 25 Jun 2026 00:00:00 GMT</pubDate>
      <description>If you’ve been using AI agents to export your Figma designs into code, you’ve probably noticed two things: it takes forever, and it costs a lot. Tokens…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>I Finally Found an AI Design Workflow That Actually Lands in Figma Properly</title>
      <link>https://sergeichyrkov.com/blog/claude-design-to-figma-with-html.to.design</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/claude-design-to-figma-with-html.to.design</guid>
      <pubDate>Thu, 28 May 2026 00:00:00 GMT</pubDate>
      <description>You know that feeling when you generate a gorgeous UI with an AI tool, get all excited, and then paste it into Figma only to find… a complete mess? No…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>MagicPath 2.0 Is Here — And Watching AI Agents Design Your App in Real Time Is Kind of Mindblowing 🤯</title>
      <link>https://sergeichyrkov.com/blog/magicpath-2.0-ai-agents-that-design-ui-together</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/magicpath-2.0-ai-agents-that-design-ui-together</guid>
      <pubDate>Thu, 21 May 2026 00:00:00 GMT</pubDate>
      <description>I've been using a lot of AI design tools lately. Like, a lot . And most of them follow the same pattern: you type a prompt, wait a few seconds, and…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>This Claude Prompt Audits Your Website for SEO and AI Search — and Gives You the Actual Code to Fix It</title>
      <link>https://sergeichyrkov.com/blog/aeo-seo-report-with-claude</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/aeo-seo-report-with-claude</guid>
      <pubDate>Thu, 14 May 2026 00:00:00 GMT</pubDate>
      <description>If you've been paying attention to how people search online lately, you've probably noticed something is shifting. Google is still king, but AI tools…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>There's an AI Design Agent Living Inside Figma Now — And Most Designers Have No Idea</title>
      <link>https://sergeichyrkov.com/blog/nodey-the-ai-design-agent-working-inside-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/nodey-the-ai-design-agent-working-inside-figma</guid>
      <pubDate>Sat, 02 May 2026 00:00:00 GMT</pubDate>
      <description>If you've been bouncing between Figma and AI design tools lately, you already know the pain. You spend 20 minutes generating UI in some external app…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How I Built a $5,000 Agency Website in Under an Hour Using AI (Full Workflow)</title>
      <link>https://sergeichyrkov.com/blog/how-i-built-5k-website-in-under-an-hour-using-relume-ai</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-i-built-5k-website-in-under-an-hour-using-relume-ai</guid>
      <pubDate>Thu, 16 Apr 2026 00:00:00 GMT</pubDate>
      <description>Let me paint you a picture. A client comes to you, asks for a website, and you estimate weeks of work and a $5,000+ invoice. That used to be the reality…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Use Figma Weave to Add AI-Generated Videos to Your Website Designs</title>
      <link>https://sergeichyrkov.com/blog/how-to-use-figma-weave-to-add-ai-generated-videos-to-your-website-designs</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-use-figma-weave-to-add-ai-generated-videos-to-your-website-designs</guid>
      <pubDate>Fri, 10 Apr 2026 00:00:00 GMT</pubDate>
      <description>Static hero sections are officially losing the war for attention. 😅 We've all seen it — a beautiful full-screen background image, a bold headline, a CTA…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Generate Real UI Designs in Figma Using Claude Code and Your Design System</title>
      <link>https://sergeichyrkov.com/blog/how-to-generate-real-ui-designs-in-figma-using-claude-code-and-your-design-system</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-generate-real-ui-designs-in-figma-using-claude-code-and-your-design-system</guid>
      <pubDate>Fri, 27 Mar 2026 00:00:00 GMT</pubDate>
      <description>AI-generated UI used to be a mess. Pretty shapes, random components, zero consistency. You'd spend more time fixing the output than you would have spent…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How Claude Code + Figma MCP Is Changing the Design-to-Code Workflow Forever</title>
      <link>https://sergeichyrkov.com/blog/claude-code-figma-mcp-design-to-code-workflow</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/claude-code-figma-mcp-design-to-code-workflow</guid>
      <pubDate>Sat, 28 Feb 2026 00:00:00 GMT</pubDate>
      <description>If you've been in the design world for more than five minutes, you know the drill. Designer makes something beautiful in Figma. Developer translates it…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Google Stitch — Guide for Designing and Building Apps or Websites</title>
      <link>https://sergeichyrkov.com/blog/google-stitch-guide-for-designing-and-building-apps-or-websites</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/google-stitch-guide-for-designing-and-building-apps-or-websites</guid>
      <pubDate>Thu, 19 Feb 2026 00:00:00 GMT</pubDate>
      <description>If you've ever tried to get Figma Make to generate production-ready UI and walked away a little disappointed, you're not alone. The results look decent…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Design a Real App with Figma Make (That Doesn’t Look Generic)</title>
      <link>https://sergeichyrkov.com/blog/how-to-design-a-real-app-with-figma-make</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-design-a-real-app-with-figma-make</guid>
      <pubDate>Thu, 22 Jan 2026 00:00:00 GMT</pubDate>
      <description>AI can produce user interface layouts in a matter of seconds. However, as you’ve likely already noticed, most AI generated UIs have issues. Most end up…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Build a High-Converting Landing Page With AI (Without Getting Generic Results)</title>
      <link>https://sergeichyrkov.com/blog/how-to-build-a-high-converting-landing-page-with-ai</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-build-a-high-converting-landing-page-with-ai</guid>
      <pubDate>Sat, 17 Jan 2026 00:00:00 GMT</pubDate>
      <description>Most people use AI the wrong way when building websites — and that’s exactly why their landing pages don’t convert. They generate some copy, paste it…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Get Better UI Design with Figma Make and AI (Without Generic Results)</title>
      <link>https://sergeichyrkov.com/blog/how-to-get-better-ui-design-with-figma-make-and-ai-(without-generic-results)</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-get-better-ui-design-with-figma-make-and-ai-(without-generic-results)</guid>
      <pubDate>Mon, 22 Dec 2025 00:00:00 GMT</pubDate>
      <description>Introduction If you've input a prompt to design an interface with AI and didn't get what you were looking for, you are not the only one. AI-generated…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Turn Your Figma Designs into Real Apps Using MCP and Cursor (Step-by-Step Guide)</title>
      <link>https://sergeichyrkov.com/blog/how-to-turn-your-figma-designs-into-real-apps-using-mcp-and-cursor-(step-by-step-guide)</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-turn-your-figma-designs-into-real-apps-using-mcp-and-cursor-(step-by-step-guide)</guid>
      <pubDate>Fri, 05 Dec 2025 00:00:00 GMT</pubDate>
      <description>Introduction Designers have always dreamed of a frictionless workflow where you create a layout in Figma and instantly bring it to life as working code…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Build a Fully Functional Calculator Component in Framer using ChatGPT and Cursor</title>
      <link>https://sergeichyrkov.com/blog/how-to-build-a-fully-functional-calculator-component-in-framer-using-chatgpt-and-cursor</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-build-a-fully-functional-calculator-component-in-framer-using-chatgpt-and-cursor</guid>
      <pubDate>Thu, 04 Dec 2025 00:00:00 GMT</pubDate>
      <description>Creating a Functional Framer Calculator Using a Spreadsheet, ChatGPT, and Cursor If you’ve ever tried creating a calculator or pricing tool inside…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>What I Learned as a Mentor and Judge at a Hackathon: 7 Lessons Every Digital Product Builder Should Know</title>
      <link>https://sergeichyrkov.com/blog/what-i-learned-as-a-mentor-and-judge-at-a-hackathon-7-lessons-every-digital-product-builder-should-know</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/what-i-learned-as-a-mentor-and-judge-at-a-hackathon-7-lessons-every-digital-product-builder-should-know</guid>
      <pubDate>Thu, 20 Nov 2025 00:00:00 GMT</pubDate>
      <description>Introduction: Why These Lessons Matter More Than Ever Last week, I had the opportunity to participate in a hackathon as both a mentor and a judge. I…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>How to Price Your Design Services: A Simple, Practical Method for Designers</title>
      <link>https://sergeichyrkov.com/blog/how-to-price-your-design-services-a-simple-practical-method-for-designers</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-price-your-design-services-a-simple-practical-method-for-designers</guid>
      <pubDate>Mon, 17 Nov 2025 00:00:00 GMT</pubDate>
      <description>A complete guide to calculating your rates, figuring out your costs, and confidently charging what your work is actually worth. Introduction: Why Pricing…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>Remix the web with MagicPath Chrome Extension</title>
      <link>https://sergeichyrkov.com/blog/remix-the-web-with-magicpath-chrome-extension</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/remix-the-web-with-magicpath-chrome-extension</guid>
      <pubDate>Mon, 03 Nov 2025 00:00:00 GMT</pubDate>
      <description>Introduction: A Game-Changer for Designers If you’ve ever wanted to speed up your design process and instantly turn any web element into editable design…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Create Stunning App Store Screenshots in Minutes with App Launchpad</title>
      <link>https://sergeichyrkov.com/blog/app-launchpad</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/app-launchpad</guid>
      <pubDate>Thu, 23 Oct 2025 00:00:00 GMT</pubDate>
      <description>Introduction: Design Is What Sells You can build the smartest app in the world — but if it doesn’t look great in the App Store or Google Play , it might…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Turn Figma Designs into Code: Figma Make vs. Figma MCP (with Cursor)</title>
      <link>https://sergeichyrkov.com/blog/how-to-turn-figma-designs-into-code-figma-make-vs-figma-mcp-(with-cursor)</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-turn-figma-designs-into-code-figma-make-vs-figma-mcp-(with-cursor)</guid>
      <pubDate>Thu, 23 Oct 2025 00:00:00 GMT</pubDate>
      <description>Introduction: From Design to Code — Instantly As a designer, one of the biggest challenges I’ve always faced is bridging the gap between design and…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Why I Switched from Behance &amp; Dribbble to Contra — And Why You Should Too</title>
      <link>https://sergeichyrkov.com/blog/contra-killed-behance-and-dribbble</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/contra-killed-behance-and-dribbble</guid>
      <pubDate>Wed, 15 Oct 2025 00:00:00 GMT</pubDate>
      <description>Introduction: The New Home for Creatives If you’re a freelancer or run a small creative agency, you’ve probably spent years showcasing your work on…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>How to Build a Figma Design System with Variables and Design Tokens</title>
      <link>https://sergeichyrkov.com/blog/how-to-build-a-figma-design-system-with-variables-and-design-tokens</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-build-a-figma-design-system-with-variables-and-design-tokens</guid>
      <pubDate>Tue, 07 Oct 2025 00:00:00 GMT</pubDate>
      <description>Introduction: Why Every Designer Needs a System If you’ve ever worked on more than one screen in Figma, you’ve probably felt the chaos that comes with…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to build a carousel creator web app using Cursor and Figma</title>
      <link>https://sergeichyrkov.com/blog/how-to-build-a-carousel-creator-web-app-using-cursor-and-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-build-a-carousel-creator-web-app-using-cursor-and-figma</guid>
      <pubDate>Fri, 12 Sep 2025 00:00:00 GMT</pubDate>
      <description>Carousels are one of the best ways to grab attention and boost engagement. But what if you could create your own Slide Carousel Creator web app — without…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to use Nano Banana AI? Compare Krea.AI, Gemini &amp; Firefly</title>
      <link>https://sergeichyrkov.com/blog/how-to-use-nano-banana-ai-compare-krea-ai-gemini-firefly</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-use-nano-banana-ai-compare-krea-ai-gemini-firefly</guid>
      <pubDate>Thu, 04 Sep 2025 00:00:00 GMT</pubDate>
      <description>In this video, I’m putting four AI image and text generation tools to the test: Nano Banana (Gemini 2.5 Flash Image), Krea, Firefly, and Gemini — and…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>MagicPath Design Reference: The Smartest Way to Reuse UI Elements</title>
      <link>https://sergeichyrkov.com/blog/magicpath-design-reference-the-smartest-way-to-reuse-ui-elements</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/magicpath-design-reference-the-smartest-way-to-reuse-ui-elements</guid>
      <pubDate>Mon, 25 Aug 2025 17:04:57 GMT</pubDate>
      <description>In today’s fast-paced design environment, maintaining visual consistency while iterating quickly is key. That’s why MagicPath ’s new Design Reference…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Full guide to Magicpath AI</title>
      <link>https://sergeichyrkov.com/blog/full-guide-to-magicpath-ai</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/full-guide-to-magicpath-ai</guid>
      <pubDate>Fri, 04 Jul 2025 16:50:17 GMT</pubDate>
      <description>Introduction: A New Era of AI-Powered Design I have piloted multiple AI design applications in the last year — including prompt and image generation as…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>From Figma to Functional Code: The Ultimate Guide to MCP and Cursor AI Integration</title>
      <link>https://sergeichyrkov.com/blog/from-figma-to-functional-code-the-ultimate-guide-to-mcp-and-cursor-ai-integration</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/from-figma-to-functional-code-the-ultimate-guide-to-mcp-and-cursor-ai-integration</guid>
      <pubDate>Thu, 26 Jun 2025 00:00:00 GMT</pubDate>
      <description>Introduction For years, designers dreamed about a future where you could create a design in Figma and turn it into real, production-ready code — not…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Create Apple’s Liquid Glass Effect in Figma</title>
      <link>https://sergeichyrkov.com/blog/how-to-create-apple-s-liquid-glass-effect-in-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-create-apple-s-liquid-glass-effect-in-figma</guid>
      <pubDate>Tue, 17 Jun 2025 00:00:00 GMT</pubDate>
      <description>How to Nail Apple’s Liquid Glass Effect in Figma (Without Overcomplicating It) Apple’s design language is clean, futuristic, and… honestly, kinda…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Figma’s 2025 Update Changes Everything: Here’s What Designers Need to Know</title>
      <link>https://sergeichyrkov.com/blog/figma-s-2025-update-changes-everything-here-s-what-designers-need-to-know</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/figma-s-2025-update-changes-everything-here-s-what-designers-need-to-know</guid>
      <pubDate>Thu, 15 May 2025 00:00:00 GMT</pubDate>
      <description>Figma Is No Longer Just a UX/UI Tool — It’s a Creative Powerhouse The design world just shifted—again. In its 2025 conference, Figma announced a series…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>Guide to Input Fields Components in Figma</title>
      <link>https://sergeichyrkov.com/blog/guide-to-input-fields-components-in-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/guide-to-input-fields-components-in-figma</guid>
      <pubDate>Thu, 17 Apr 2025 00:00:00 GMT</pubDate>
      <description>Input fields are one of the most overlooked elements in UI design—but they’re also one of the most important. In this video, I’ll show you how to design…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Interactive image gallery in Figma for FLUX Academy</title>
      <link>https://sergeichyrkov.com/blog/interactive-image-gallery-in-figma-for-flux-academy</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/interactive-image-gallery-in-figma-for-flux-academy</guid>
      <pubDate>Thu, 07 Nov 2024 00:00:00 GMT</pubDate>
      <description>I was invited to Flux Academy to share some Figma tutorials on their channel !🥳 I followed Flux Academy for many years for valuable tutorials about web…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to easily create complex Figma components &amp; variants</title>
      <link>https://sergeichyrkov.com/blog/how-to-easily-create-complex-figma-components-variants</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-easily-create-complex-figma-components-variants</guid>
      <pubDate>Sun, 03 Nov 2024 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Earn Extra Money with Framer Partner Program</title>
      <link>https://sergeichyrkov.com/blog/how-to-earn-extra-money-with-framer-partner-program</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-earn-extra-money-with-framer-partner-program</guid>
      <pubDate>Thu, 12 Sep 2024 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Sticky Scroll Animation in Figma | Tutorial for Beginners</title>
      <link>https://sergeichyrkov.com/blog/sticky-scroll-animation-in-figma-tutorial-for-beginners</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/sticky-scroll-animation-in-figma-tutorial-for-beginners</guid>
      <pubDate>Fri, 23 Aug 2024 00:00:00 GMT</pubDate>
      <description>In this tutorial, I will show you how to create a cards stack animation in Figma using &quot;Sticky&quot; effect. This can used in website design as well as mobile…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>5 Figma Tips To Scale up Your Workflow</title>
      <link>https://sergeichyrkov.com/blog/5-figma-tips-to-scale-up-your-workflow</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/5-figma-tips-to-scale-up-your-workflow</guid>
      <pubDate>Fri, 09 Aug 2024 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Redesign Logo Step-by-step Process Tutorial</title>
      <link>https://sergeichyrkov.com/blog/how-to-redesign-logo-step-by-step-process-tutorial</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-redesign-logo-step-by-step-process-tutorial</guid>
      <pubDate>Thu, 25 Jul 2024 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to use Figma Variables as a system</title>
      <link>https://sergeichyrkov.com/blog/how-to-use-figma-variables-as-a-system</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-use-figma-variables-as-a-system</guid>
      <pubDate>Thu, 11 Jul 2024 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to improve your Behance profile in 10 tips! 🚀</title>
      <link>https://sergeichyrkov.com/blog/how-to-improve-your-behance-profile-in-10-tips</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-improve-your-behance-profile-in-10-tips</guid>
      <pubDate>Fri, 05 Jul 2024 00:00:00 GMT</pubDate>
      <description>On mentor sessions, people often ask me how to improve their Behance and make it more appealing. So here is my personal list of 10 recommendation, which…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>Framer Custom Forms with Confetti Animation Component Override</title>
      <link>https://sergeichyrkov.com/blog/framer-custom-forms-with-confetti-animation-component-override</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/framer-custom-forms-with-confetti-animation-component-override</guid>
      <pubDate>Thu, 27 Jun 2024 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Custom Blog CMS Made Easy | Framer Tutorial</title>
      <link>https://sergeichyrkov.com/blog/custom-blog-cms-made-easy-framer-tutorial</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/custom-blog-cms-made-easy-framer-tutorial</guid>
      <pubDate>Fri, 31 May 2024 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to make hamburger animation in Figma</title>
      <link>https://sergeichyrkov.com/blog/how-to-make-hamburger-animation-in-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-make-hamburger-animation-in-figma</guid>
      <pubDate>Thu, 16 May 2024 00:00:00 GMT</pubDate>
      <description>This tutorial is ultimate guide on how to make 6 amazing &quot;hamburger&quot; menu animations in Figma. You can use these menu animations on your websites or…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to be more productive</title>
      <link>https://sergeichyrkov.com/blog/how-to-be-more-productive</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-be-more-productive</guid>
      <pubDate>Sat, 11 May 2024 00:00:00 GMT</pubDate>
      <description>Hello everyone! 👋 I recently had a chat about productivity with a friend. We were pondering how to accomplish more and effectively manage our time…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>How to Become Web Designer in 2024: A Comprehensive Guide</title>
      <link>https://sergeichyrkov.com/blog/how-to-become-web-designer-in-2024-a-comprehensive-guide</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-become-web-designer-in-2024-a-comprehensive-guide</guid>
      <pubDate>Sun, 07 Apr 2024 00:00:00 GMT</pubDate>
      <description>In the ever-evolving digital landscape, the demand for skilled web designers continues to rise. As we step into 2024, starting a career in web design…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>How to create responsive bento style landing page in Framer</title>
      <link>https://sergeichyrkov.com/blog/how-to-create-responsive-bento-style-landing-page-in-framer</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-create-responsive-bento-style-landing-page-in-framer</guid>
      <pubDate>Thu, 15 Feb 2024 00:00:00 GMT</pubDate>
      <description>In this tutorials I'll show you how to easily create a personal &quot;bento style&quot; landing page in Framer from scratch. We'll cover stacks, grids, component…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Easiest tool to build a website in 2024 from scratch</title>
      <link>https://sergeichyrkov.com/blog/easiest-tool-to-build-a-website-in-2024-from-scratch</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/easiest-tool-to-build-a-website-in-2024-from-scratch</guid>
      <pubDate>Sat, 10 Feb 2024 00:00:00 GMT</pubDate>
      <description>In this video I want to tell you what I believe is the best web design tool in 2024! I believe is the best no-code website builder is Framer! In this…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Top 5 Reasons You Shouldn't Become Web Designer in 2024!</title>
      <link>https://sergeichyrkov.com/blog/top-5-reasons-you-shouldn-t-become-web-designer-in-2024</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/top-5-reasons-you-shouldn-t-become-web-designer-in-2024</guid>
      <pubDate>Thu, 01 Feb 2024 00:00:00 GMT</pubDate>
      <description>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 12 years! But…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Create “Add to Cart” Button Animation in Framer</title>
      <link>https://sergeichyrkov.com/blog/how-to-create-add-to-cart-button-animation-in-framer</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-create-add-to-cart-button-animation-in-framer</guid>
      <pubDate>Thu, 30 Nov 2023 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>5 Amazing Button Animations in Figma</title>
      <link>https://sergeichyrkov.com/blog/5-amazing-button-animations-in-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/5-amazing-button-animations-in-figma</guid>
      <pubDate>Thu, 23 Nov 2023 00:00:00 GMT</pubDate>
      <description>In this video I want to show you 5 amazing button animation examples which you can easily create in Figma. We'll cover auto layout function and smart…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Parallax Hero Animation in Figma</title>
      <link>https://sergeichyrkov.com/blog/parallax-hero-animation-in-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/parallax-hero-animation-in-figma</guid>
      <pubDate>Thu, 02 Nov 2023 00:00:00 GMT</pubDate>
      <description>In this video we will create a cool parallax hero section animation for a website using Smart Animate in Figma. I’ll show you step by step how to animate…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to create Parallax Scroll Animation In Figma</title>
      <link>https://sergeichyrkov.com/blog/how-to-create-parallax-scroll-animation-in-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-create-parallax-scroll-animation-in-figma</guid>
      <pubDate>Fri, 27 Oct 2023 00:00:00 GMT</pubDate>
      <description>In this video tutorial I’m going to show you how to create a parallax scroll effect animation in Figma. This is a great effect for image galleries and…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to create a button the right way?</title>
      <link>https://sergeichyrkov.com/blog/how-to-create-buttons</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/how-to-create-buttons</guid>
      <pubDate>Thu, 19 Oct 2023 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Responsive design in Figma using Auto Layout and Local Variables</title>
      <link>https://sergeichyrkov.com/blog/responsive-design-variables</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/responsive-design-variables</guid>
      <pubDate>Mon, 02 Oct 2023 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How To Make Filters Animation Using Figma Local Variables</title>
      <link>https://sergeichyrkov.com/blog/filter-using-variables</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/filter-using-variables</guid>
      <pubDate>Thu, 14 Sep 2023 00:00:00 GMT</pubDate>
      <description>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. 🎓…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to Animate Like Counter Using Figma Variables</title>
      <link>https://sergeichyrkov.com/blog/like-counter-animation</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/like-counter-animation</guid>
      <pubDate>Wed, 06 Sep 2023 00:00:00 GMT</pubDate>
      <description>Hello designers!👋 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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>Create a counter using local variables in Figma</title>
      <link>https://sergeichyrkov.com/blog/counter-using-figma-local-variables</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/counter-using-figma-local-variables</guid>
      <pubDate>Thu, 31 Aug 2023 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to animate carousels in Figma</title>
      <link>https://sergeichyrkov.com/blog/carousel-animation-in-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/carousel-animation-in-figma</guid>
      <pubDate>Tue, 29 Aug 2023 00:00:00 GMT</pubDate>
      <description>In this video, I'll walk you through the process of creating captivating and dynamic carousel animations using Figma. Whether you're a design beginner or…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>&quot;Add To Cart&quot; Button Animation Tutorial in Figma</title>
      <link>https://sergeichyrkov.com/blog/add-to-cart-button-animation-figma</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/add-to-cart-button-animation-figma</guid>
      <pubDate>Mon, 31 Jul 2023 00:00:00 GMT</pubDate>
      <description>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…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How to use Figma Variables?</title>
      <link>https://sergeichyrkov.com/blog/figma-variables-tutorial</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/figma-variables-tutorial</guid>
      <pubDate>Mon, 24 Jul 2023 00:00:00 GMT</pubDate>
      <description>In recent update, Figma introduced &quot;Variables&quot;! In this video I'll show you how to build simples cards using Auto Layout and Variables in Figma. Also…</description>
      <category>Tutorials</category>
    </item>
    <item>
      <title>How can a designer deal with burnout at work?</title>
      <link>https://sergeichyrkov.com/blog/designer-burnout</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/designer-burnout</guid>
      <pubDate>Wed, 19 Jul 2023 00:00:00 GMT</pubDate>
      <description>Hello everyone! 👋 I want to touch on an important and painful topic that any practicing designer faces - burnout. This can happen if you are freelancing…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>Figma Config 2023 — 15 sweet updates!</title>
      <link>https://sergeichyrkov.com/blog/figma-config2023-updates</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/figma-config2023-updates</guid>
      <pubDate>Fri, 23 Jun 2023 00:00:00 GMT</pubDate>
      <description>1. Dev Mode Figma now has a special workspace called Dev Mode designed specifically for developers. It brings design and development closer together. Dev…</description>
      <category>Articles</category>
    </item>
    <item>
      <title>Creating Art with AI: Adobe Firefly</title>
      <link>https://sergeichyrkov.com/blog/creating-art-with-ai-adobe-firefly</link>
      <guid isPermaLink="true">https://sergeichyrkov.com/blog/creating-art-with-ai-adobe-firefly</guid>
      <pubDate>Wed, 24 May 2023 00:00:00 GMT</pubDate>
      <description>Discover the Magic of Adobe Firefly AI Image Generator: Create Stunning Images in Seconds! In this video, I'll show you the power of Adobe's latest…</description>
      <category>Tutorials</category>
    </item>
  </channel>
</rss>
