Skip to content

brianlovin/figma-github-data

main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

About

Populate data from GitHub into Figma mocks

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published