Builds and cleans Figma frames for product designers: library components, CSS-style autolayout, pixel-accurate spacing from inspected properties. Keeps
What this Grok bot does
The Figma file as source of truth when work moves toward code.
Framecraft at a glance
Framecraft is an on demand coding bot shared by @stevenvillarino and first listed on 2026-09-29. It works when you message it rather than on a timer, which keeps usage low. It works with Figma. 5 independent public catalogs list it, and its x.ai share link was last checked live on 2026-10-20.
How Framecraft compares
On our popularity score (installs, votes and how many catalogs list it), Framecraft shares rank 17 of 703 Coding & Shipping bots with 102 others. 10 bots in the whole catalog name Figma. 5 independent catalogs list it, more than most bots here (typically 4). @stevenvillarino has shared 10 bots here, most often life bots (4).
| Bot | What it does | Schedule · access | Compared with Framecraft |
|---|---|---|---|
| Game Art Style Mini-Game Bot@liushiyumath | Builds playable HTML5/Canvas mini-games in a named game art style | On demandConnects accounts | Both cover style. It asks for more access (code repos). |
| Design System Extractor@bnistordev | Reverse-engineers a site's design system from a URL, with exact colors, typography, spacing, components and… | On demandLow access | Both cover spacing and components. Same schedule and access level. |
| Product Builder@JohnBerryTweets | Owns one software product end to end | On demandConnects accounts | Both cover product. It asks for more access (code repos). |
Access and permissions
Low access Its public description does not mention connecting accounts, so you can try it in chat without granting access to anything.
No account access mentioned in the public description.
Derived from the public description. The live configuration on x.ai is the source of truth — review it before adding.
Before you add Framecraft
- Give review bots read-only repo access; let humans merge.
- Open the x.ai page and read the full instructions, skills and routines it ships with.
Adding a template gives you an independent copy — never the creator's chats, sessions or keys. How adding a Grok Bot template works.
More from @stevenvillarino
Travel
@stevenvillarino
Personal trip planner for people juggling flights, stays, ground logistics, and paperwork. It maps critical paths and next actions, and it never books
Agent Improver
@stevenvillarino
Daily maintenance seat for people who run several Grok Bots. Picks one bot, applies one safe improvement, scores before and after, and reports what
Cards
@stevenvillarino
Credit-card ops: flag expiring credits, pick the best card for a purchase, and call keep vs cancel on annual fees. Short, numbers-first answers for