iiinova — where your digital self keeps evolving

Ivica Batinić @isbatak.bsky.social · 01/05/2026

Just updated Fig-Refactor ⚡️ Now supports Figma grid layout props (gridRowGap, gridColumnGap) If you’re using AI-generated designs, this plugin helps you refactor them to match your design system tokens. Try it here: www.figma.com/community/pl...

figma.com

Fig-Refactor | Figma

Call for Sponsorship: Support the Development Fig-Refactor – Replace Spacing with Figma Variables in One Click Fig-Refactor is a Figma plugin designed to bring structure and scalability to your desi...

000

Ivica Batinić @isbatak.bsky.social · 17/10/2025

When React Native finish everything they plan for React strict DOM what will stop them from building a browser that runs React code natively? could it be their secret plan? 🤯 youtu.be/p9OcztRyDl0?...

040

Ivica Batinić @isbatak.bsky.social · 16/09/2025

Just stumbled upon github.com/sanity-io/st... 👀 Since styled-components is in maintenance mode, no new features/updates are planned. Sanity’s fork isn’t a long-term fix, but it can help projects migrate to React 19 before moving to something like Panda CSS or Tailwind.

github.com

GitHub - sanity-io/styled-components-last-resort: One does not simply remove styled-components from a codebase.

One does not simply remove styled-components from a codebase. - sanity-io/styled-components-last-resort

000

Ivica Batinić @isbatak.bsky.social · 30/07/2025

Did you know that you can use Chakra UI v2 and v3 in the same project to simplify the upgrade path? The idea is to scope v3 components separately while the rest of the app still uses v2. 👉 See example on GitHub github.com/isBatak/chak...

000

Ivica Batinić @isbatak.bsky.social · 01/05/2025

Fig-Refactor is now live on Figma Community! www.figma.com/community/pl... If it helps you out, consider sponsoring it on Gumroad — every bit of support helps me keep improving it: ivicabatinic.gumroad.com/l/figrefactor

figma.com

Fig-Refactor | Figma

Bulk-replace hardcoded gaps and paddings with smart Figma variables — scan, match, and clean up your design files with a single click.

000

Ivica Batinić @isbatak.bsky.social · 13/04/2025

TIL about the <output> tag — perfect for displaying calculated form values. More semantic & test-friendly than a <span>, and accessible by default. developer.mozilla.org/en-US/docs/W...

developer.mozilla.org

<output>: The Output element - HTML: HyperText Markup Language | MDN

The <output> HTML element is a container element into which a site or app can inject the results of a calculation or the outcome of a user action.

010

Ivica Batinić @isbatak.bsky.social · 05/04/2025

🛠 I'm building a @figma.com plugin called Fig-Refactor — it bulk-replaces hardcoded spacing with variables from your local or team library. It scans, suggests, and cleans up your files in seconds. Currently in development — stay tuned! 💜

100

Ivica Batinić @isbatak.bsky.social · 11/12/2024

🚀 Just dropped a small update to my Chakra UI Design System Figma plugin! 🎉 Now you can also import Semantic Tokens that support dark & light mode. 🌗 Next up: typography! ✍️ Try it out 👉 www.figma.com/community/pl... Wanna support? 💖 ivicabatinic.gumroad.com/l/chakra-ui-...

000