Skip to content

You-J/assistant

 
 

Repository files navigation

framework platform title
figma, flutter, react
Android, iOS, Web, macOS, Linux, Windows
bridged figma plugin

bridged assistant

Bridged Assistant plugin (figma to flutter)

  • ✅ Human readable code generation.
  • ✅ code generation built with CoLI, developed especially for assistant usage, ensuring the best code generation quality.
  • ✅ Slots support (Component with parameters)
  • ✅ Modularized code generation / readability. All production level code, code beign generated as Functions, Varables, Ect..
  • ✅ Design Linting - Visaully makes sence, Structure made sence.
  • ✅ Cloud Resource Copy. Copy your resource in 1 second. (No need to download images and move under res/)

Usage

install figma plugin via below link. note that the published plugin is allways behind few new features behind this repository. for trying out the latest and mindblowing features, please build from your local environment directly.

install via figma plugin link here

Cloning and running the project. we use yarn workspace for maintaining this project as monorepository. Some additional steps are required to run this project properly.

# [REQUIRED] we use git submodules for `packages/`. you have to explicitly execute this command instead default clone.
git clone --recurse-submodules https://github.com/bridgedxyz/assistant.git

cd assistant

# [REQUIRED] yarn will install dependencies, link packages, and generate compiled code of packages, so it can be referenced by root projects.
yarn

# [OPTIONAL 1] run figma plugin in dev mode
yarn figma

# [OPTIONAL 2]run sketch plugin in dev mode
yarn sketch

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.

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.)

git submodule update --init --recursive

Pre-requisites

Flutter code builder

flutter widget builder is done by figma/flutter and the core builder is powered by bridged's dynamic

  • figma/flutter

  • bridgedxyz/flutter-js

  • bridgedxyz/dynamic

  • Theme.of Textstyle support

  • Colors. Color support

  • ✅ Slots support (not static content)

  • ✅ Modularized builder functions - (not all-in-one widget tree)

  • ✅ formatted dart code

  • ✅ Best code quality (I Assure,) in this planet

UI Element Detection

rule based button / input / icon detection with @reflect.bridged.xyz/detection Higher quality ML based detection available at Bridged's context engine

Debugging

Use console.log statements to inspect values in your code.

To open the developer console in the Figma desktop app, go to PluginsDevelopmentOpen Console.

Change Log

visit CHANGELOG.md

Development guide

Building the plugin

See plugin README

Docs

Contributing

See this project's contributing guideline here. And general bridged project contribution and collaboration guideline here.

LEGAL

read LICENSE.

to shortly brief,

  • any form of modifing this software, including clone, fork, merge is allowed with no restrictions.
  • making profit "by using" this software is allowed with no restrictions.
  • making profit "by re-distributing" is not allowed. recap, you cannot publish this plugin as an alternative to this original plugin. -- why is that? we are taking "minimum" profit from this software, we will prevent from other enterprise from copycatting this software.
  • the code and packages distributed via this repository is free to use without any restrictions.
  • code, design is free to use and modify. (just don't make any profits by re-distributing this plugin.)

DISCLAIMER

re-use of this software and it's license is overrided by contributing-and-license

About

✏️ Figma to flutter ©bridged.xyz

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 92.3%
  • TypeScript 7.1%
  • Dart 0.5%
  • Pug 0.1%
  • HTML 0.0%
  • Swift 0.0%