Quickly populate mocks with real data from GitHub!
To populate data from GitHub, layers need to describe what data they should render.
You can do this by naming your layers with the following syntax:
__{fieldname}
, e.g. __bio
, or __avatar_url
For nested values, use dot syntax:
__owner.avatar_url
For example field names, see the following examples:
- user: https://api.github.com/users/brianlovin
- org: https://api.github.com/users/github
- repo: https://api.github.com/repos/withspectrum/spectrum
- Clone the repository:
git clone https://github.com/brianlovin/figma-github-data.git
- Go to the directory:
cd figma-github-data
- Install dependencies with
yarn
- Build the plugin:
yarn run build:watch
- Go to the
plugins
directory in Figma - Add a new development plugin
- Select the
figma-github-data/manifest.json
file as the manifest