Introducing Grida 2021.0.1 (A fastest way to develop Flutter applications, yet.)
Introducing Grida 2021.0.1
Fastest way to develop flutter application yet.
We are glad to announce Grida is available on figma, web and flutter
This update includes
- Code Generation
- Text Asset Internalization
- Design utils such as icon import
This is the new way of developing front end applications.
Usage
- Search “Grida” or “Bridged”on figma plugins or click “Get Started” on our website grida.co
- Run Grida plugin from menu → Plugins → Grida
- Once plugin is loaded, click any design you want to convert to flutter
- You can preview this as a compiled and running application by clicking “quicklook” button below
- Voila! change your code to your needs, use it on your existing / new flutter project.
What’s happening on the backstage?
The Grida assistant plugin inspects the design, interprets it as a general design language we designed — reflect design framework. Once the design is converted to Reflect DSL, we convert it to flutter’s platform specific code with all graphics resource synced and stored on the cloud.
When you launch console (clicking Quick Look), we compile the generated flutter code (dart code) to js in dartDDC Mode, presenting it as a realtime running application. In some cases the screen may not show up due to flutter’s web issue (it works on other platform), just try to refresh the screen once more.
What’s Next?
- Code generation with internalized text asset included — just copy paste the code, it’s localized.
- Project management console — we are currently offering only single page for running applications, previewing the translations. with project management, you can then use Grida for production-ready realworld applications.
- Versioning compatibility — design update compatibility
- VSCode extension for loading script right away on console. code diffs are tracked, when code is newly updated, it still works like a charm (code customization with design)
- More design utils including mock data provider, connecting to your existing server via REST or GraphQL → loading it into your design.
- Most importantly. The quality of the code. — We are working hard to make the best developer experience, by adding lots of comments on generated code, skipping the step of downloading, importing the asset (via cloud) and Understanding the design as humans do (and generate the desired result)
This is a early product, opnesourced, and rapidly in development. If you experience any glitches or have suggestions, ideas feel free to open a new issue on github or make a PR. !
Follow us
Please subscribe / follow to our medium, github, youtube, facebook, twitter and instagram for latest news on how we change developer’s life easier.
Special Thanks
special thanks to contributors all around the world making this world-shaking technologies! we are always welcoming designers, developers, researchers, copywriters, or any type of creators all around the world.
https://github.com/gridaco/assistant
