Skip to content
Populate data from GitHub into Figma mocks
CSS TypeScript HTML JavaScript
Branch: master
Clone or download

Latest commit

Latest commit 82605a1 Apr 3, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Added ashygee to approved list (#31) Mar 10, 2020
.gitignore Initial commit Feb 21, 2020
.prettierrc.yml Initial commit Feb 21, 2020
README.md Readme Feb 21, 2020
figma.d.ts Initial commit Feb 21, 2020
manifest.json Initial commit Feb 21, 2020
package.json Merge pull request #52 from brianlovin/dependabot/npm_and_yarn/fuse.j… Apr 3, 2020
tsconfig.json Initial commit Feb 21, 2020
tslint.json Initial commit Feb 21, 2020
webpack.config.js Initial commit Feb 21, 2020
yarn.lock Merge pull request #52 from brianlovin/dependabot/npm_and_yarn/fuse.j… Apr 3, 2020

README.md

GitHub Data

Quickly populate mocks with real data from GitHub!

Usage

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:

Running locally

  1. Clone the repository: git clone https://github.com/brianlovin/figma-github-data.git
  2. Go to the directory: cd figma-github-data
  3. Install dependencies with yarn
  4. Build the plugin: yarn run build:watch
  5. Go to the plugins directory in Figma
  6. Add a new development plugin
  7. Select the figma-github-data/manifest.json file as the manifest
You can’t perform that action at this time.