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 — 3 days ago