<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Soroush</title>
    <description>The latest articles on DEV Community by Soroush (@soroushpng).</description>
    <link>https://dev.to/soroushpng</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3696788%2F9c3b5d4f-d81f-4685-930f-ad1e12e7ef8a.png</url>
      <title>DEV Community: Soroush</title>
      <link>https://dev.to/soroushpng</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/soroushpng"/>
    <language>en</language>
    <item>
      <title>The Best Motion Design Plugins for Figma in 2026 (A Real Comparison)</title>
      <dc:creator>Soroush</dc:creator>
      <pubDate>Wed, 25 Feb 2026 08:48:28 +0000</pubDate>
      <link>https://dev.to/soroushpng/the-best-motion-design-plugins-for-figma-in-2026-a-real-comparison-4i61</link>
      <guid>https://dev.to/soroushpng/the-best-motion-design-plugins-for-figma-in-2026-a-real-comparison-4i61</guid>
      <description>&lt;p&gt;Figma wasn’t supposed to be a motion tool.&lt;/p&gt;

&lt;p&gt;And yet… here we are.&lt;/p&gt;

&lt;p&gt;In 2026 you can animate logos, UI, gradients, even effects — without ever leaving Figma. No After Effects. No exporting back and forth. Just design → animate → export.&lt;/p&gt;

&lt;p&gt;But — and this matters — not all motion plugins inside Figma are equal. Some feel like helpers. One of them feels like a studio.&lt;/p&gt;

&lt;p&gt;I tested the main ones seriously. Not just 2 minute clicking around. Actual logo animation, easing tweaks, gradient experiments, export stress tests.&lt;/p&gt;

&lt;p&gt;Here’s the honest breakdown.&lt;/p&gt;




&lt;h2&gt;
  
  
  1. MotionKit — This One Feels Different
&lt;/h2&gt;

&lt;p&gt;👉 &lt;a href="https://www.figma.com/community/plugin/1602896408819057835/motionkit-free-animation-motion-design-inside-figma" rel="noopener noreferrer"&gt;https://www.figma.com/community/plugin/1602896408819057835/motionkit-free-animation-motion-design-inside-figma&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;MotionKit lets you animate:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fills&lt;/li&gt;
&lt;li&gt;Gradients&lt;/li&gt;
&lt;li&gt;Strokes&lt;/li&gt;
&lt;li&gt;Effects&lt;/li&gt;
&lt;li&gt;Vector morphs&lt;/li&gt;
&lt;li&gt;Frame-by-frame sequences ( Even it has Onion Skinning )&lt;/li&gt;
&lt;li&gt;Nested Animations ( Nested Frames )&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And that changes everything.&lt;/p&gt;

&lt;p&gt;The custom bezier editor? You can set your own curve as default. That means you’re not just animating — you’re defining your own motion language.&lt;/p&gt;

&lt;p&gt;It has:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A real timeline&lt;/li&gt;
&lt;li&gt;Nested animation systems ( This is game changing )&lt;/li&gt;
&lt;li&gt;MP4, GIF, PNG sequence, Lottie export&lt;/li&gt;
&lt;li&gt;No locked features&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It doesn’t feel like “UI animation”.&lt;/p&gt;

&lt;p&gt;It feels like someone said:&lt;br&gt;
“What if Figma had an animation engine?”&lt;/p&gt;

&lt;p&gt;Best for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Logo motion&lt;/li&gt;
&lt;li&gt;Social media branding&lt;/li&gt;
&lt;li&gt;Motion identity systems&lt;/li&gt;
&lt;li&gt;Product Demos, Micro interactions&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;MotionKit is my personal pick, not only because it's great in terms of features, but also because it's genuinely 100% free, new &amp;amp; trending. Deserves a chance.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  2. Motion – Animate Your Designs
&lt;/h2&gt;

&lt;p&gt;👉 &lt;a href="https://www.figma.com/community/plugin/889777319208467032/motion-animate-your-designs" rel="noopener noreferrer"&gt;https://www.figma.com/community/plugin/889777319208467032/motion-animate-your-designs&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This one is popular. And for good reason.&lt;/p&gt;

&lt;p&gt;Clean timeline. Easy to understand. Good for UI interactions.&lt;/p&gt;

&lt;p&gt;If you're animating:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;App transitions&lt;/li&gt;
&lt;li&gt;Micro-interactions&lt;/li&gt;
&lt;li&gt;Landing page previews&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It works.&lt;/p&gt;

&lt;p&gt;But once you try animating gradients or effects deeply… you start to feel the limit.&lt;/p&gt;

&lt;p&gt;It’s solid. Just not “motion graphics” level.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. Figmotion
&lt;/h2&gt;

&lt;p&gt;👉 &lt;a href="https://www.figma.com/community/plugin/733025261168520714/figmotion" rel="noopener noreferrer"&gt;https://www.figma.com/community/plugin/733025261168520714/figmotion&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Old school. Reliable. Free.&lt;/p&gt;

&lt;p&gt;It does keyframes. It works.&lt;/p&gt;

&lt;p&gt;But the interface feels dated, and the property support isn’t deep. You won’t be doing expressive brand animation here.&lt;/p&gt;

&lt;p&gt;Good for beginners though. No hate.&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Jitter
&lt;/h2&gt;

&lt;p&gt;(Search “Jitter” in Figma Community)&lt;/p&gt;

&lt;p&gt;Jitter is fast. That’s its strength.&lt;/p&gt;

&lt;p&gt;You can make something move quickly, export, done.&lt;/p&gt;

&lt;p&gt;But it feels more like a lightweight content animator than a motion system. Less granular control. Less experimental space.&lt;/p&gt;

&lt;p&gt;If speed &amp;gt; depth, it’s fine.&lt;/p&gt;

&lt;p&gt;If control &amp;gt; speed… maybe not.&lt;/p&gt;




&lt;h2&gt;
  
  
  5. LottieFiles for Figma
&lt;/h2&gt;

&lt;p&gt;👉 &lt;a href="https://www.figma.com/community/plugin/809860933081065308/lottiefiles-discover-create-export-lottie-animations" rel="noopener noreferrer"&gt;https://www.figma.com/community/plugin/809860933081065308/lottiefiles-discover-create-export-lottie-animations&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This one is different.&lt;/p&gt;

&lt;p&gt;It’s not really trying to be a full animation engine. It’s focused on Lottie workflows.&lt;/p&gt;

&lt;p&gt;If your goal is:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Web integration&lt;/li&gt;
&lt;li&gt;App animation export&lt;/li&gt;
&lt;li&gt;Lottie JSON pipeline&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Then it makes sense.&lt;/p&gt;

&lt;p&gt;But for designing motion from scratch? Not really its purpose.&lt;/p&gt;




&lt;h2&gt;
  
  
  Quick Comparison (Real Talk Table)
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Plugin&lt;/th&gt;
&lt;th&gt;Depth&lt;/th&gt;
&lt;th&gt;Gradients&lt;/th&gt;
&lt;th&gt;Effects&lt;/th&gt;
&lt;th&gt;Frame-by-Frame&lt;/th&gt;
&lt;th&gt;Export Freedom&lt;/th&gt;
&lt;th&gt;Feels Like&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;MotionKit&lt;/td&gt;
&lt;td&gt;High&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;High&lt;/td&gt;
&lt;td&gt;Mini animation studio&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Motion&lt;/td&gt;
&lt;td&gt;Medium&lt;/td&gt;
&lt;td&gt;Limited&lt;/td&gt;
&lt;td&gt;Limited&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Good&lt;/td&gt;
&lt;td&gt;UI animation tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Figmotion&lt;/td&gt;
&lt;td&gt;Basic&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Minimal&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Basic&lt;/td&gt;
&lt;td&gt;Starter tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Jitter&lt;/td&gt;
&lt;td&gt;Light&lt;/td&gt;
&lt;td&gt;Limited&lt;/td&gt;
&lt;td&gt;Limited&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Good&lt;/td&gt;
&lt;td&gt;Fast content maker&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;LottieFiles&lt;/td&gt;
&lt;td&gt;Focused&lt;/td&gt;
&lt;td&gt;—&lt;/td&gt;
&lt;td&gt;—&lt;/td&gt;
&lt;td&gt;—&lt;/td&gt;
&lt;td&gt;Lottie&lt;/td&gt;
&lt;td&gt;Export utility&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  So Which One Should You Actually Use?
&lt;/h2&gt;

&lt;p&gt;I always had to switch from Figma to AE, but since I discovered this new free tool "MotionKit"; it changed my workflow forever.&lt;/p&gt;

&lt;p&gt;And I don’t say that lightly. I tried the others.&lt;br&gt;
Some tools let you animate.&lt;br&gt;
Some tools let you create motion.&lt;br&gt;
But the tool that gives you all, and allows you to export FREEly in any quality, without freaking watermarks, &lt;br&gt;
That's MotionKit in my experience.&lt;/p&gt;

&lt;p&gt;Feel free to share your experience down here in the comments&lt;/p&gt;

</description>
    </item>
    <item>
      <title>FREE Wordpress Custom Fields Plugin for 2026 ( ACF Alternative )</title>
      <dc:creator>Soroush</dc:creator>
      <pubDate>Wed, 18 Feb 2026 19:28:15 +0000</pubDate>
      <link>https://dev.to/soroushpng/free-wordpress-custom-fields-plugin-for-2026-acf-alternative--1iep</link>
      <guid>https://dev.to/soroushpng/free-wordpress-custom-fields-plugin-for-2026-acf-alternative--1iep</guid>
      <description>&lt;h2&gt;
  
  
  I switched from ACF to OpenFields and didn’t expect to
&lt;/h2&gt;

&lt;p&gt;I found an open source WordPress plugin called OpenFields by accident while testing stuff. Ended up using it in a real project. It worked so well I just wanted to write this quick post so more people know it exists.&lt;/p&gt;

&lt;p&gt;Not sponsored. Just a dev saying thanks to another dev.&lt;/p&gt;

&lt;p&gt;OpenFields is basically a free modern alternative to ACF Pro. Same idea: custom fields, field groups, repeaters, conditions. But no paywalls and the UI feels actually modern.&lt;/p&gt;

&lt;h2&gt;
  
  
  What makes it good
&lt;/h2&gt;

&lt;p&gt;It’s not trying to reinvent WordPress. It just does the ACF workflow properly:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;all common field types&lt;/li&gt;
&lt;li&gt;repeaters + nested groups&lt;/li&gt;
&lt;li&gt;conditional logic&lt;/li&gt;
&lt;li&gt;show rules (post type, taxonomy, user meta, comment meta)&lt;/li&gt;
&lt;li&gt;REST API ready&lt;/li&gt;
&lt;li&gt;fully free + open source&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The admin panel is React + Shadcn and honestly feels faster than most WP plugins I use. No clunky screens, no weird UX fights.&lt;/p&gt;

&lt;h2&gt;
  
  
  The API is ACF-style (which is a good thing)
&lt;/h2&gt;

&lt;p&gt;If you’ve used ACF before, you already know how to use this.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="nv"&gt;$price&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;get_field&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'price'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nf"&gt;get_the_ID&lt;/span&gt;&lt;span class="p"&gt;());&lt;/span&gt;

&lt;span class="nv"&gt;$product&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;get_field&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'product_details'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nf"&gt;get_the_ID&lt;/span&gt;&lt;span class="p"&gt;(),&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;have_rows&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'team_members'&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;while&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;have_rows&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'team_members'&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="nf"&gt;the_row&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
        &lt;span class="k"&gt;echo&lt;/span&gt; &lt;span class="nf"&gt;get_sub_field&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'name'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;No new mental model. No fancy abstraction. Just clean PHP.&lt;/p&gt;

&lt;p&gt;That alone makes migration way less scary.&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick links
&lt;/h2&gt;

&lt;p&gt;If you wanna try it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;GitHub repo: &lt;a href="//github.com/novincode/openfields"&gt;novincode/openfields&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Docs / website: &lt;a href="https://openfields.codeideal.com/" rel="noopener noreferrer"&gt;openfields.codeideal.com
&lt;/a&gt;
If it helps your workflow, consider starring the repo or talking about it. Open source projects live or die by visibility more than money tbh.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8wvi3fws576gwmd1ynxf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8wvi3fws576gwmd1ynxf.png" alt="OpenFields Plugin Image" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Curious what other WordPress devs think. Especially people deep in ACF land.&lt;/p&gt;

</description>
      <category>wordpress</category>
      <category>customfields</category>
      <category>acf</category>
      <category>wp</category>
    </item>
    <item>
      <title>Now I create my animations inside Figma for FREE instead of After Effects</title>
      <dc:creator>Soroush</dc:creator>
      <pubDate>Wed, 18 Feb 2026 08:52:37 +0000</pubDate>
      <link>https://dev.to/soroushpng/now-i-create-my-animations-inside-figma-for-free-instead-of-after-effects-50pa</link>
      <guid>https://dev.to/soroushpng/now-i-create-my-animations-inside-figma-for-free-instead-of-after-effects-50pa</guid>
      <description>&lt;p&gt;Let me tell you exactly how I ended up writing this.&lt;/p&gt;

&lt;p&gt;I was working on a product demo — nothing crazy, just a few screens animating in, some micro-interactions, maybe a Lottie at the end for the developer. Standard stuff. I opened After Effects, waited for it to load, remembered I had to update it, then remembered it costs me $XX every month, and just... sat there for a second.&lt;/p&gt;

&lt;p&gt;I thought: &lt;em&gt;there has to be a better way to do this in 2026.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;There is. I'm going to tell you about it. But first, some context.&lt;/p&gt;




&lt;h2&gt;
  
  
  The After Effects problem nobody says out loud
&lt;/h2&gt;

&lt;p&gt;AE is genuinely powerful. I'm not here to trash it. For VFX, compositing, broadcast — it's irreplaceable.&lt;/p&gt;

&lt;p&gt;But for the kind of motion design most of us actually do day-to-day?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;UI animation for handoff&lt;/li&gt;
&lt;li&gt;Product demos and explainers&lt;/li&gt;
&lt;li&gt;Social media loops&lt;/li&gt;
&lt;li&gt;Lottie exports for dev teams&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For that work, After Effects is:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Too expensive (the CC subscription alone is painful if you're freelancing or indie)&lt;/li&gt;
&lt;li&gt;A completely separate app from where your actual design lives&lt;/li&gt;
&lt;li&gt;Built on a workflow that hasn't fundamentally changed in 20 years&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;You export from Figma, import into AE, animate, render, fix the render, rename the file, send it. That pipeline exists because for years, there was no alternative.&lt;/p&gt;

&lt;p&gt;In 2026, there is.&lt;/p&gt;




&lt;h2&gt;
  
  
  Animation inside Figma — where things actually stand
&lt;/h2&gt;

&lt;p&gt;Figma's plugin ecosystem has matured a lot. Before I get to the one I actually use now, here's an honest look at what else is out there:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Figmotion&lt;/strong&gt; — open source, been around forever, does keyframe animation right inside Figma. The UI feels dated and it can be confusing to set up, but it works. Good starting point if you want something minimal.&lt;br&gt;
&lt;a href="https://www.figma.com/community/plugin/733025261168520714/figmotion" rel="noopener noreferrer"&gt;Figma Community →&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Jitter&lt;/strong&gt; — probably the most polished animation plugin visually. The interface is slick. But it's a separate web app (you leave Figma to use it), and the free tier hits a wall fast. Once you go past basic stuff you're looking at a subscription.&lt;br&gt;
&lt;a href="https://www.figma.com/community/plugin/961270034818256057/jitter-animation-for-figma" rel="noopener noreferrer"&gt;Figma Community →&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;LottieFiles&lt;/strong&gt; — great if your only goal is Lottie export. Narrow focus, does it well, not really built for complex animation workflows.&lt;br&gt;
&lt;a href="https://www.figma.com/community/plugin/809860933081065308/lottiefiles-create-animations-export-from-figma-to-lottie" rel="noopener noreferrer"&gt;Figma Community →&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Aninix&lt;/strong&gt; — serious tool, exports to Lottie/MP4/GIF, good feature set. It's paid, which is fine, but that's the tradeoff.&lt;br&gt;
&lt;a href="https://www.figma.com/community/plugin/1248241049489984533/aninix-ui-animation-and-motion-design-export-lottie-mp4-gif" rel="noopener noreferrer"&gt;Figma Community →&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;These are all legitimate options depending on what you need. But they all have limits — either in features, cost, or the fact that they pull you out of Figma into something else.&lt;/p&gt;




&lt;h2&gt;
  
  
  MotionKit
&lt;/h2&gt;

&lt;p&gt;This is the one I didn't see coming.&lt;/p&gt;

&lt;p&gt;MotionKit is a Figma plugin that is completely free. No subscription. No "basic/pro" tier nonsense. No export watermark. You install it, you animate, you export.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxav5icr0go4cs7l4ihhn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxav5icr0go4cs7l4ihhn.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.figma.com/community/plugin/search?q=motionkit" rel="noopener noreferrer"&gt;Install from Figma Community →&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When I first read the feature list I honestly thought it was exaggerated. It wasn't.&lt;/p&gt;




&lt;h2&gt;
  
  
  What it actually does
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Real timeline animation
&lt;/h3&gt;

&lt;p&gt;There's a proper keyframe timeline. Not a toy version — I mean visual easing curves, snapping, a work area marker, draggable keyframes. It animates over 17 properties: position, scale, rotation, opacity, blur, shadows, corner radius, fill color, stroke... basically everything you'd expect in a proper motion tool.&lt;/p&gt;

&lt;p&gt;The thing that changed how I work is &lt;strong&gt;recording mode&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;You enable it, move the playhead to where you want, then just &lt;em&gt;move things around in Figma normally.&lt;/em&gt; Keyframes appear automatically. Resize a layer, change a color, morph a vector shape — all captured. No menus, no clicking tiny diamonds on a timeline.&lt;/p&gt;

&lt;p&gt;It sounds small. It isn't. It removes the part of animation software that always felt like fighting the tool.&lt;/p&gt;

&lt;h3&gt;
  
  
  Frame-by-frame mode
&lt;/h3&gt;

&lt;p&gt;I didn't expect this to be any good. It's genuinely good.&lt;/p&gt;

&lt;p&gt;MotionKit has a full cel-animation workflow: explicit frames, onion skinning (see previous frames as ghosts while you draw), independent frame rates per clip, per-frame timing control. It feels like Procreate's approach dropped into Figma.&lt;/p&gt;

&lt;p&gt;The detail I appreciate most: &lt;strong&gt;detached layers.&lt;/strong&gt; You can mark a layer as persistent — it stays visible across all frames without being redrawn. Your background. Your UI chrome. The stuff that never changes. You just detach it and forget about it.&lt;/p&gt;

&lt;h3&gt;
  
  
  Nested animations
&lt;/h3&gt;

&lt;p&gt;This is where it gets weird in a good way.&lt;/p&gt;

&lt;p&gt;You can put a timeline animation inside a frame-by-frame clip. Or a frame-by-frame inside a timeline. Or nest several levels deep. Each one runs at its own frame rate. The engine composites it correctly.&lt;/p&gt;

&lt;p&gt;If you've ever tried to do something like this in other tools — combining a hand-drawn loop with a smooth keyframed element — you know how painful it gets. Here it just... works.&lt;/p&gt;

&lt;h3&gt;
  
  
  Modifiers (v2+)
&lt;/h3&gt;

&lt;p&gt;This was added more recently and it's the Blender-brained part of the plugin.&lt;/p&gt;

&lt;p&gt;Instead of cluttering your timeline with extra keyframes, you attach modifiers to a layer:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Follow Path&lt;/strong&gt; — object follows a vector path you draw&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Stroke Trim&lt;/strong&gt; — animate stroke offset for loading spinners, progress bars&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Loop Mode&lt;/strong&gt; — set this layer to loop, play once, or ping-pong, independently of everything else&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Copy Animation&lt;/strong&gt; — reference another layer's keyframes on this one&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;They stack. They run in order. You get procedural-feeling animation without the complexity usually required to pull it off.&lt;/p&gt;

&lt;h3&gt;
  
  
  Export
&lt;/h3&gt;

&lt;p&gt;MP4 (H.264), GIF, PNG sequence, Lottie JSON — all built in. No external encoder. 1x to 4x scale. You animate, you render, you're done.&lt;/p&gt;

&lt;p&gt;Lottie export in particular is something I used to need a whole separate workflow for. Now it's just an option in the export menu.&lt;/p&gt;




&lt;h2&gt;
  
  
  Who should care about this
&lt;/h2&gt;

&lt;p&gt;If you're a motion designer doing VFX or compositing work: probably not the thing for you. AE is still the right call there.&lt;/p&gt;

&lt;p&gt;If you're a &lt;strong&gt;UI designer, product designer, freelancer, indie dev&lt;/strong&gt; — someone who animates stuff regularly but doesn't want to live in a dedicated motion suite — this is worth your time.&lt;/p&gt;

&lt;p&gt;In 2026, the idea that you need a full desktop subscription to animate a product demo, or to hand off a Lottie to a developer, or to build a social asset — that idea is just... outdated. MotionKit is the reason.&lt;/p&gt;




&lt;h2&gt;
  
  
  Try it
&lt;/h2&gt;

&lt;p&gt;Search &lt;strong&gt;MotionKit&lt;/strong&gt; in Figma Community plugins, or go to &lt;a href="https://motionkit.codeideal.com" rel="noopener noreferrer"&gt;motionkit.codeideal.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;It's free. Install takes 10 seconds. If you hate it, you uninstall it. But I'd guess you won't.&lt;/p&gt;

&lt;p&gt;If it ends up being useful, the developer has a &lt;a href="https://github.com/sponsors/novincode" rel="noopener noreferrer"&gt;GitHub Sponsors&lt;/a&gt; and &lt;a href="https://buymeacoffee.com/codeideal" rel="noopener noreferrer"&gt;Buy Me a Coffee&lt;/a&gt;. Solo project, no funding. That kind of support is what keeps tools like this alive and free.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Figma Community → search MotionKit | GitHub → &lt;a href="https://github.com/novincode/motionkit" rel="noopener noreferrer"&gt;novincode/motionkit&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

</description>
      <category>design</category>
      <category>productivity</category>
      <category>tooling</category>
      <category>ui</category>
    </item>
    <item>
      <title>The Open Source Alternative to IDM ( Mac / Linux / Windows )</title>
      <dc:creator>Soroush</dc:creator>
      <pubDate>Wed, 07 Jan 2026 09:04:10 +0000</pubDate>
      <link>https://dev.to/soroushpng/the-open-source-alternative-to-idm-mac-linux-windows--17c</link>
      <guid>https://dev.to/soroushpng/the-open-source-alternative-to-idm-mac-linux-windows--17c</guid>
      <description>&lt;p&gt;The Famous IDM on windows has so many great features that makes life much easier. Such as Downloading in Segments, Queues, Schedules, Browser Extension and ...&lt;br&gt;
But it's not free, and only available on windows.&lt;br&gt;
and since I'm a mac user, I was looking for an alternative to IDM That works on EVERY OS!&lt;/p&gt;

&lt;p&gt;As we search, the Free Download Managers we'll find today ( 2026 ) is:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;FDM &lt;a href="https://www.freedownloadmanager.org/download.htm" rel="noopener noreferrer"&gt;Website&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Neat Download Manager &lt;a href="https://neatdownloadmanager.com/" rel="noopener noreferrer"&gt;Website&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Motrix &lt;a href="https://motrix.app/" rel="noopener noreferrer"&gt;Website&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;DLMan ( Trending ) &lt;a href="https://github.com/novincode/dlman" rel="noopener noreferrer"&gt;Download From Github&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The main question is:&lt;/p&gt;

&lt;h2&gt;
  
  
  Which of these free apps work best?
&lt;/h2&gt;

&lt;p&gt;my answer? &lt;strong&gt;DLMan&lt;/strong&gt;. Why? &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Downloading in Multi Segments&lt;/li&gt;
&lt;li&gt;Scheduling and Queues&lt;/li&gt;
&lt;li&gt;Modern Architecture ( with Rust + React )&lt;/li&gt;
&lt;li&gt;Browser Extensions&lt;/li&gt;
&lt;li&gt;Cross Platform ( Mac / Windows / Linux )&lt;/li&gt;
&lt;li&gt;FREE &amp;amp; Open Source ( Huge deal for me )&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxinjsftxozi0osb31t7x.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxinjsftxozi0osb31t7x.png" alt="DLMan Download Manager" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Feel free to try all of them and see what works best for you.&lt;/p&gt;

</description>
      <category>github</category>
      <category>opensource</category>
      <category>productivity</category>
      <category>tooling</category>
    </item>
    <item>
      <title>Best Download Managers in 2026 (macOS, Windows, Linux)</title>
      <dc:creator>Soroush</dc:creator>
      <pubDate>Tue, 06 Jan 2026 19:08:01 +0000</pubDate>
      <link>https://dev.to/soroushpng/best-download-managers-in-2026-macos-windows-linux-opb</link>
      <guid>https://dev.to/soroushpng/best-download-managers-in-2026-macos-windows-linux-opb</guid>
      <description>&lt;p&gt;If you download large files, browsers still suck.&lt;br&gt;
These are the tools people actually end up using.&lt;/p&gt;




&lt;h2&gt;
  
  
  1. FDM (Free Download Manager)
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkz2ljqw56stdfg7kvdu7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkz2ljqw56stdfg7kvdu7.png" alt="FDM App" width="800" height="515"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;Cross-platform&lt;/li&gt;
&lt;li&gt;Multi-connections&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Reality:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Not native. Feels old. Resume is unreliable on long downloads.&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Folx (macOS, Paid), IDM ( Windows Only ), ...
&lt;/h2&gt;

&lt;p&gt;there are a lot of famous but paid download managers which I won't get into, because I'm writing this article to suggest free alternatives&lt;br&gt;
Paid. Closed source. Not Cross Platform.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. Neat Download Manager
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxwixi0uh8pbuomnl9mxz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxwixi0uh8pbuomnl9mxz.png" alt="Neat Download Manager" width="800" height="494"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;Lightweight&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Reality:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Limited control. Resume breaks sometimes. Not maintained much. No Queues&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Motrix
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fclbkw01c91lmsck6zlhq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fclbkw01c91lmsck6zlhq.png" alt="Motrix" width="800" height="552"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;Open source&lt;/li&gt;
&lt;li&gt;Cross-platform&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Reality:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Heavy ( Electron Core ~ 100MB! ), limited, no queues&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/agalwood/Motrix" rel="noopener noreferrer"&gt;See on Github&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  5. DLMan
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe5ep8ai3g926vmvftnly.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe5ep8ai3g926vmvftnly.png" alt="DLMan Download Manager" width="800" height="525"&gt;&lt;/a&gt;* Free&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Open source&lt;/li&gt;
&lt;li&gt;macOS / Windows / Linux&lt;/li&gt;
&lt;li&gt;Built with Rust + Tauri&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/novincode/dlman" rel="noopener noreferrer"&gt;Download From Github&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Reality:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Newly launched, Queues &amp;amp; Schedules, Light Weight (~5Mb)&lt;/p&gt;




&lt;h2&gt;
  
  
  My Pick?
&lt;/h2&gt;

&lt;p&gt;Since I love trying new softwares, I started using DLMan, works well for me and provides a lot of features and works good in any OS. I may find another Download Manager some day and add to this article.&lt;/p&gt;

&lt;p&gt;Let me know in the comments what's your pick and why :)&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
