Back to Plugins
GitHub

GitHub

Connect Design to Code

codedesign systemgithub

Plugin Preview

GitHub preview

About this plugin

Note: This plugin does not work with self-hosted GitHub instances (GitHub Enterprise Server or "GHES")


Connect design to code with the GitHub plugin for Dev Mode. With this plugin you can link GitHub files, issues, and pull requests to Figma component and designs, so you always have the context you need in one place.


Use the plugin to…

  • Link components in GitHub to components in Figma, so that when developers are implementing designs they know whether a component already exists in the codebase and which one to use.
  • Link GitHub issues to Figma designs, so developers have all of the context needed to implement a design.
  • Link GitHub pull requests to Figma designs, so that teammates can track implementation of a design.
  • View linked GitHub files, issues, and pull requests in Figma for quick previews without context switching.


Learn more about Dev Mode here. (https://help.figma.com/hc/en-us/articles/15023124644247)


---

This is licensed under Figma’s Terms of Service, unless you have a different agreement with us for Figma Services, and any use of GitHub is subject to your agreement with GitHub.

Plugin Details

Version13
CreatedMarch 22, 2023
Last UpdatedDecember 6, 2023
CategorySoftware development
CreatorFigma
Stats2168 installs, 750 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Editor Types:
    dev
  • Allowed Domains:
    • https://*.figma.com
    • https://*.githubusercontent.com
    • https://api.github.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com