r/sidehustlestack

▲ 5 r/sidehustlestack+5 crossposts

Building “Figma + DevTools + AI” as a Chrome extension

Been building a Chrome extension called Tweaklify because I honestly got tired of how annoying website editing workflows are 😭

The goal is to make editing websites feel visual instead of technical.

Right now you can:

  • click any element and tweak styles visually
  • edit spacing, colors, typography, shadows, borders etc through proper UX inputs instead of raw CSS
  • double click text to edit content instantly
  • open a live HTML editor and modify sections directly
  • use AI to edit existing sections
  • generate completely new sections with AI
  • convert sections/components into React, Vue, Angular or Shopify Liquid
  • preview changes live on the page
  • experiment with layouts without constantly opening DevTools
  • copy/export the generated section code directly into your project

The AI part is what I’m most excited about.

You can do stuff like:
“make this hero section look more modern”
“turn this into a Shopify section”
“convert this card component to React”
“add a pricing section below this”

and it generates/edit things directly on the page.

I’m trying to make it feel like Figma + DevTools + AI had a baby.

Still early but would genuinely love feedback:
What feature would make something like this actually useful for you?

You can check it out at --> Tweaklify.xyz

u/Business-Ad6390 — 1 day ago