{"id":20292053,"url":"https://github.com/candidosales/figma-format-code","last_synced_at":"2026-02-16T02:44:28.039Z","repository":{"id":46148655,"uuid":"298962713","full_name":"candidosales/figma-format-code","owner":"candidosales","description":"A Figma plugin designed to allow you to format and syntax highlight code","archived":false,"fork":false,"pushed_at":"2024-07-17T02:10:31.000Z","size":20621,"stargazers_count":9,"open_issues_count":2,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-25T07:41:36.079Z","etag":null,"topics":["code","figma","highlight","plugin"],"latest_commit_sha":null,"homepage":"https://www.figma.com/community/plugin/891351519501239645/Format-Code","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/candidosales.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"github":["candidosales"],"custom":"https://www.buymeacoffee.com/candidosales"}},"created_at":"2020-09-27T05:50:57.000Z","updated_at":"2024-10-26T06:55:47.000Z","dependencies_parsed_at":"2024-07-17T05:14:03.587Z","dependency_job_id":null,"html_url":"https://github.com/candidosales/figma-format-code","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candidosales%2Ffigma-format-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candidosales%2Ffigma-format-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candidosales%2Ffigma-format-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candidosales%2Ffigma-format-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/candidosales","download_url":"https://codeload.github.com/candidosales/figma-format-code/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248382106,"owners_count":21094540,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["code","figma","highlight","plugin"],"created_at":"2024-11-14T15:15:13.150Z","updated_at":"2026-02-16T02:44:28.027Z","avatar_url":"https://github.com/candidosales.png","language":"CSS","funding_links":["https://github.com/sponsors/candidosales","https://www.buymeacoffee.com/candidosales"],"categories":[],"sub_categories":[],"readme":"![Format Code promo image](assets/cover-github.png?raw=true 'Format Code promo')\n\n# Format Code\n\nFormat Code makes it easy to format code snippets and add a theme for syntax highlight.\n\n## Features\n\n- Syntax highlighting powered by Shiki;\n- 23 beautiful themes to choose from;\n- Font selection with Google Fonts support for monospace fonts;\n- Automatic language detection;\n- Code formatting with Prettier;\n- Line numbers supports;\n\nDesign \u0026 Developed by Cândido Sales.\n\n## Preview\n\n![Presentation](/presentation.gif)\n\n## Languages supported\n\n- CSS;\n- HTML;\n  - It has a known issue with `\u003cspan\u003e` tags. I'm still investigating how to fix it;\n- Go;\n- GraphQL;\n- Java;\n- Javascript;\n- JSON;\n- Haskell;\n- Kotlin;\n- Less;\n- Lua;\n- Markdown;\n- Python;\n- Ruby;\n- Rust;\n- SCSS;\n- Typescript;\n- YAML;\n\n## Themes supported\n\n- Ayu Dark;\n- Catppuccin Latte;\n- Catppuccin Mocha;\n- Dark Plus;\n- Dracula;\n- GitHub Dark;\n- GitHub Light;\n- Light Plus;\n- Material Darker;\n- Material Ocean;\n- Material Palenight;\n- Min Dark;\n- Min Light;\n- Monokai;\n- Nord;\n- One Dark Pro;\n- One Light;\n- Rose Pine;\n- Solarized Dark;\n- Solarized Light;\n- Tokyo Night;\n- Vitesse Dark;\n- Vitesse Light;\n\n## 📚 Reference\n\n- https://github.com/figma/plugin-samples\n- https://github.com/yuanqing/create-figma-plugin\n- https://github.com/shikijs/shiki\n- https://github.com/teknologi-umum/flourite\n- https://github.com/thomas-lowry/themer\n- https://github.com/oriziv/figma-sass-less-plugin\n- https://prettier.io/docs/en/options.html#parser\n\n## 👍 Contribute\n\nIf you want to say thank you and/or support the active development this project:\n\n1. Add a [GitHub Star](https://github.com/candidosales/figma-format-code/stargazers) to the project.\n2. Tweet about the project [on your Twitter](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fcandidosales%2Ffigma-format-code%20\u0026via=candidosales\u0026text=A%20Figma%20plugin%20designed%20to%20allow%20you%20to%20format%20and%20syntax%20highlighting%20code).\n3. Write a review or tutorial on [Medium](https://medium.com/), [Dev.to](https://dev.to/) or personal blog.\n4. Support the project by donating a [cup of coffee](https://buymeacoff.ee/candidosales).\n\n## ☕ Supporters\n\nIf you want to support Format Code, you can ☕ [**buy a coffee here**](https://buymeacoff.ee/candidosales)\n\n\u003ca href=\"https://www.buymeacoffee.com/candidosales\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/arial-blue.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n\n|                                                           | User                                 | Donation |\n| :-------------------------------------------------------- | :----------------------------------- | :------- |\n| ![](https://avatars.githubusercontent.com/u/2124218?s=25) | [@g0dkar](https://github.com/g0dkar) | ☕ x 5   |\n\n## ✨ Acknowledgment\n\n- 😯\n\n## Author\n\n- Cândido Sales - [@candidosales](https://twitter.com/candidosales)\n\n## ⚠️ Copyright and license\n\nCode and documentation copyright 2026-2036 the [Authors](https://github.com/candidosales/figma-format-code/graphs/contributors) and Code released under the [MIT License](https://github.com/candidosales/figma-format-code/blob/master/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcandidosales%2Ffigma-format-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcandidosales%2Ffigma-format-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcandidosales%2Ffigma-format-code/lists"}