{"id":13554905,"url":"https://github.com/gridaco/assistant","last_synced_at":"2025-04-04T16:16:43.940Z","repository":{"id":37388388,"uuid":"293219477","full_name":"gridaco/assistant","owner":"gridaco","description":"🤖  Bring your Figma design \u0026 development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design","archived":false,"fork":false,"pushed_at":"2023-07-09T11:06:27.000Z","size":34950,"stargazers_count":594,"open_issues_count":63,"forks_count":53,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-03-27T21:24:12.315Z","etag":null,"topics":["ai","assistant","chatgpt","figma","figma-flutter","figma-plugin","figma-plugin-example","figma-to-code","flutter","grida","plugin","storybook","ui-automation"],"latest_commit_sha":null,"homepage":"https://grida.co/assistant","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gridaco.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-09-06T06:43:05.000Z","updated_at":"2025-03-16T12:07:22.000Z","dependencies_parsed_at":"2023-02-10T01:46:38.226Z","dependency_job_id":null,"html_url":"https://github.com/gridaco/assistant","commit_stats":{"total_commits":1240,"total_committers":8,"mean_commits":155.0,"dds":"0.15887096774193543","last_synced_commit":"5ad38fb22fa5fdf5e01ccb1272f871d02cb2c3e7"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fassistant","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fassistant/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fassistant/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Fassistant/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gridaco","download_url":"https://codeload.github.com/gridaco/assistant/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247142053,"owners_count":20890652,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","assistant","chatgpt","figma","figma-flutter","figma-plugin","figma-plugin-example","figma-to-code","flutter","grida","plugin","storybook","ui-automation"],"created_at":"2024-08-01T12:02:57.382Z","updated_at":"2025-04-04T16:16:43.922Z","avatar_url":"https://github.com/gridaco.png","language":"TypeScript","readme":"---\nframework: figma, flutter, react, solid-js\nplatform: Android, iOS, Web, macOS, Linux, Windows\ntitle: Grida Assistant for Figma\n---\n\n\u003cmeta name=\"description\" content=\"figma to flutter code exporter, lint your design. generate human level quality code from figma\"\u003e\n\u003cmeta name=\"title\" content=\"Grida assistant\"\u003e\n\n![Grida assistant](./branding/assistant-cover-v2021.8.0.png)\n\n\n# Grdia Assistant plugin (figma to flutter \u0026 react)\n\n\u003e Any design to high quality code, with live preview.\n\n![Grida figma to code demo with live preview](docs/gifs/assistant-demo-2021.0.1.gif)\n\n- ✅ Human readable code generation.\n- ✅ Code generation built with CoLI, developed especially for assistant usage, ensuring the best code generation quality.\n- ✅ Slots support (Component with parameters)\n- ✅ Modularized code generation / readability. All production level code, code beign generated as Functions, Varables, Ect..\n- ✅ Design Linting - Visaully makes sence, Structure made sence.\n- ✅ Cloud Resource Copy. Copy your resource in 1 second. (No need to download images and move under `res/`)\n- ✅ Live preview via [console](https://console.grida.co) - compiles output source remotely makes design to living application within seconds\n- ✅ Context detection - Grida assistant understands the design, than converts it into a hight quality code. we don't generate rect and text code for a button. We generate button code for a button.\n\n## Usage\n\n\u003e Install figma plugin via below link. Note that the published plugin is always behind few new features behind this repository. For trying out the latest and mindblowing features, please build from your local environment directly.\n\nInstall via figma plugin [link here](https://www.figma.com/community/plugin/896445082033423994).\n\n### Cloning and running the project:\n\n\u003e - We use yarn workspace for maintaining this project as monorepo.\n\u003e - Some additional steps are required to run this project properly.\n\n```shell\n# [REQUIRED] we use git submodules for `packages/`. you have to explicitly execute this command instead default clone.\ngit clone --recurse-submodules https://github.com/gridaco/assistant.git\n\ncd assistant\n\n# [REQUIRED] Yarn will install dependencies, link packages, and generate compiled code of packages, so it can be referenced by root projects.\nyarn\n\n# [OPTIONAL 1] Run figma plugin in dev mode (use localhost server) (recommanded)\nyarn figma\n\n# [OPTIONAL 1-2] Run figma plugin in dev mode (native)\nyarn figma-native\n\n# [OPTIONAL 2] Run sketch plugin in dev mode\nyarn sketch\n\n# [OPTIONAL 3 \u0026 Contributors only] Run plugin ui in webdev mode\nyarn web\n# visit http://localhost:3303/init-webdev to work on browser\n```\n\n_Soon as the subpackages are released as stable, we will remove git submodule dependency for ease of use. until then, this will be the primary repository and all the edits and PRs will be caused by this project._ - [Learn more here](https://github.com/bridgedxyz/.github/blob/main/contributing/working-with-submodules.md)\n\n\u003e Sometimes, when pulling this repo from remote, if new submodule package is added, you'll need to run below command to pull with updated submodules (we recommand you to know what this command actually does in a nut shell.)\n\n```shell\ngit submodule update --init --recursive\n```\n\n### Pre-requisites\n\n- [Node.js](https://nodejs.org/)\n- [Figma desktop app](https://figma.com/downloads/)\n\n## Flutter code builder\n\nflutter widget builder is done by [figma/flutter](/flutter) and the core builder is powered by [Grida dynamic](https://github.com/bridgedxyz/dynamic)\n\n- [figma/flutter](/figma/src/flutter)\n- [grida/flutter-builder](https://github.com/bridgedxyz/flutter-builder)\n- [grida/dynamic](https://github.com/bridgedxyz/dynamic)\n- ✅ `Theme.of` Textstyle support\n- ✅ `Colors.` Color support\n- ✅ Slots support (not static content)\n- ✅ Modularized builder functions - (not all-in-one widget tree)\n- ✅ Formatted Dart code\n- ✅ Best code quality (I Assure,) in this planet\n\n## Console \u0026 Cloud integrations\n\n\u003e Watch the demo on our [website](https://grida.co)\n\nGrida console integrated with assistant enables you to manage your design's content in one place. even if text, image is updated, you don't need to update your code. our cloud service got your back.\n\nLearn more at [console repository](https://github.com/gridaco/console.grida.co)\n\n## UI Element Detection\n\n\u003e Rule based button / input / icon detection with [@reflect-ui/detection](./packages/detection)\n\u003e Higher quality ML based detection available at [Grida's context engine](https://github.com/bridgedxyz/context)\n\n## Design Assistant\n\n\u003e We provide various tools for you for creating stauning designs, and making you 10 times faster to create a working prototype.\n\n**Features**\n\n- **icons loader** (Design Tab ➡️ Icons)\n\n  ![Grida figma to load icons](docs/gifs/assistant-icons-loader-2021.0.1f.gif)\n\n  - 5,000 + [material design icons](https://github.com/reflect-ui/reflect-icons)\n  - 800 + [ant design icons](https://github.com/reflect-ui/reflect-icons)\n  - Read our blog about Icons Loader feature on [medium](https://medium.com/bridgedxyz/bridged-assistant-update-2021-0-1f1-meet-powerful-bridged-design-assistants-icon-loader-552b452396a4)\n\n- fonts replacer\n- buttons generator\n- and more\n\n## Development guide\n\n### Building the plugin\n\n- Figma: See [plugin README](/figma/README.md)\n- Sketch: `Sketch platform will be available soon`\n\n### Running as Webdev\n\n\u003e `webdev` is a mode that you can run assistant as a standalone appliaction for ui development purpose of its' you can't acccess or call api to design tools.\n\nLearn more at [./webdev](./webdev)\n\n```sh\nyarn\n\n# on root\nyarn webdev\n\n# or..\ncd webdev\nyarn start\n```\n\n### Debugging\n\nUse `console.log` statements to inspect values in your code.\n\nTo open the developer console in the Figma desktop app, go to `Plugins` → `Development` → `Open Console`.\n\n### Docs\n\n- [Create Figma Plugin docs](https://github.com/yuanqing/create-figma-plugin#docs)\n- [Figma plugin API docs](https://figma.com/plugin-docs/api/)\n\n## Contributing \u0026 Project Structure\n\n**general**\nSee this project's contributing guideline and technical overview [here](./CONTRIBUTING.md).\nAnd general Grida project contribution and collaboration guideline [here](https://github.com/bridgedxyz/contributing-and-license).\n\n**supported platforms and frameworks**\n\n- ✅ [Figma](./figma)\n- ✅ [Flutter](./core)\n- ✅ [Grida Web](https://github.com/gridaco/console.grida.co)\n- [Sketch](./sketch) -- Coming Soon\n- React -- Coming Soon \u0026 Under [Development](https://github.com/bridgedxyz/web-builder)\n- Vue -- Coming Soon \u0026 Under [Development](https://github.com/bridgedxyz/web-builder)\n- CSS/SASS -- Coming Soon \u0026 Under [Development](https://github.com/bridgedxyz/web-builder)\n- [Adobe XD](./xd) -- Coming Soon\n- [Zeplin](./zeplin) -- Coming Soon\n\n## Changelog\n\nwe release new updates in a by-monthluy cycle. Watch this repository on github or signup for our news letters on [grida.co](https://grida.co)\n\nAll update logs available at [CHANGELOG.md](./CHANGELOG.md)\n\n## Blogs\n\n- [Flutter force week 103](https://medium.com/flutterforce/flutterforce-week-103-95b0822ef25f)\n- [Flutter force week 135](https://medium.com/flutterforce/flutterforce-week-135-d28b8741302a)\n- [Assistant initial release](https://blog.grida.co/assistant-initial-release-f75d0084df9c)\n- [Introducng Grida Assistant 2021.8.0b](https://blog.grida.co/figma-assistant-by-grida-supercharge-your-design-development-workflow-e6b2989216e2)\n\n## LEGAL\n\n\u003e read [LICENSE](./LICENSE).\n\n**_to shortly brief,_**\n\n- Any form of modifing this software, including clone, fork, merge is allowed with no restrictions.\n- Making profit \"by using\" this software is allowed with no restrictions.\n- Making profit \"by re-distributing\" is not allowed. Recap, you cannot publish this plugin as an alternative to this original plugin.\n  -- Why is that? We are taking \"minimum\" profit from this software, we will prevent from other enterprise from copycatting this software.\n- The code and packages distributed via this repository is free to use without any restrictions.\n- The code and design is free to use and modify. (Just don't make any profits by re-distributing this plugin.)\n\n### DISCLAIMER\n\nRe-use of this software and it's license is overrided by [contributing-and-license](https://github.com/bridgedxyz/contributing-and-license)\n","funding_links":[],"categories":["TypeScript","Integrations","chatgpt","🚀 AI Tools for Vim, Neovim, and Terminal"],"sub_categories":["Other UIs"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgridaco%2Fassistant","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgridaco%2Fassistant","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgridaco%2Fassistant/lists"}