{"id":14981514,"url":"https://github.com/figma/architecture-diagram-components","last_synced_at":"2025-10-19T11:31:11.111Z","repository":{"id":40668846,"uuid":"379713276","full_name":"figma/architecture-diagram-components","owner":"figma","description":"Figma / FigJam components for creating beautiful and informative architecture diagrams.","archived":false,"fork":false,"pushed_at":"2022-04-29T17:11:07.000Z","size":1588,"stargazers_count":45,"open_issues_count":2,"forks_count":4,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-01-29T14:22:07.907Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"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/figma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-23T19:46:45.000Z","updated_at":"2024-12-06T23:05:16.000Z","dependencies_parsed_at":"2022-08-10T00:24:29.036Z","dependency_job_id":null,"html_url":"https://github.com/figma/architecture-diagram-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Farchitecture-diagram-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Farchitecture-diagram-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Farchitecture-diagram-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Farchitecture-diagram-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/figma","download_url":"https://codeload.github.com/figma/architecture-diagram-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237116875,"owners_count":19258325,"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":[],"created_at":"2024-09-24T14:03:44.768Z","updated_at":"2025-10-19T11:31:05.771Z","avatar_url":"https://github.com/figma.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# architecture-diagram-components\nCheck out [this project](https://www.figma.com/community/file/989635781221754599) in the Figma community! \n\n---\n\nCreate beautiful and informative architecture diagrams with these components - usable in Figma + FigJam! These components are also useful for system design interviews 🤓.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.figma.com/community/file/989635781221754599\"\u003e\n    \u003cimg alt=\"Architecture Diagram Thumbnail\" height=\"400\" width=\"600\" src=\"./thumbnail.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nCheck out this [example diagram](https://www.figma.com/community/file/989634471195357925?fuid=839190457814534351) we made 📈.\n\n## Usage:\nTo use these components in your own files:\n\n* Duplicate the community file!\n* You can either: publish the components as a library (if you're on a professional plan) and import them via the component tab in FigJam. This has the advantage of maintaining the links between the components and the library.\n* OR copy and paste components directly in your FigJam or Figma file.\n\nThis library provides variants of all of the various components, use them to denote things like \"this service is owned by us\" vs \"this is an external service\".\n\n🚨 In order to resize the \"Frame\" component, type random text into the hidden text-box. This allows us to resize width / height independently and avoids scaling up the object.\n\n🚨 In order to replace the database / service / user icon, place an icon component on top. This will not be necessary once FigJam is updated to work with nested variants (looking at you FigJam fam 👀).\n\n## Contributing\n🙏🏻! Check out the [CONTRIBUTING.md](./CONTRIBUTING.md) for more information and instructions.\n\n## Changelog\nv1.0.1 (April 29, 2022)\n\nAdded many new icons for languages, frontend frameworks, etc. thanks to [@milkbottlelough](https://github.com/milkbottlelough) (and [@helder-jaspion](https://github.com/helder-jaspion) for elixir).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffigma%2Farchitecture-diagram-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffigma%2Farchitecture-diagram-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffigma%2Farchitecture-diagram-components/lists"}