What it does

Grida Assistant is a Figma plugin that generates Flutter and React code from designs. It also bundles an icons loader, fonts replacer, buttons generator, and a cloud console for managing design content without touching code again. The pitch: design changes propagate automatically, no manual asset shuffling required.

The interesting bit

The project claims “context detection” — it attempts to recognize UI elements like buttons and inputs rather than blindly exporting raw layers. The code generation engine, CoLI, is built in-house specifically for this task, and outputs are modularized into functions and variables rather than monolithic widget trees. There’s also a live preview via remote compilation, which is either clever or over-engineered depending on your latency.

Key highlights

• Generates code through a custom engine (CoLI) rather than templating
• Supports slots/parameters for components, not just static content
• Cloud resource copying — images and assets without manual res/ folder management
• Live preview through remote compilation at console.grida.co
• 5,000+ Material and 800+ Ant Design icons built-in

Caveats

• Requires --recurse-submodules clone; the README warns this is “primary repository and all edits and PRs will be caused by this project” — submodule management is currently mandatory
• React, Vue, CSS/SASS, Sketch, Adobe XD, and Zeplin support all marked “Coming Soon” or “Under Development”
• Published Figma plugin lags behind repo; running latest features requires local build
• License prohibits redistribution for profit, which may complicate fork-and-customize workflows

Verdict

Worth a look if you’re deep in Flutter and tired of hand-translating Figma mocks. Skip if you need React today, hate submodule gymnastics, or want something you can legally resell as a service.