{"id":16585127,"url":"https://github.com/pavellaptev/figma-auto-layout-styles","last_synced_at":"2025-08-08T14:07:31.677Z","repository":{"id":53706692,"uuid":"335993315","full_name":"PavelLaptev/Figma-Auto-Layout-Styles","owner":"PavelLaptev","description":"The plugin brings an experience of Figma styles to the auto-layout feature. You can make separate configurations of auto-layouts, save and load them, lock or change at any time.","archived":false,"fork":false,"pushed_at":"2023-05-07T00:20:58.000Z","size":33031,"stargazers_count":10,"open_issues_count":1,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-27T07:30:50.728Z","etag":null,"topics":["autolayout","figma-plugin","figma-plugins"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/PavelLaptev.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["paypal.me/pavellaptev"]}},"created_at":"2021-02-04T15:16:44.000Z","updated_at":"2023-12-18T23:36:39.000Z","dependencies_parsed_at":"2025-02-14T06:32:05.953Z","dependency_job_id":"33b24e8b-7cbc-4f92-8df7-684d12f5eb26","html_url":"https://github.com/PavelLaptev/Figma-Auto-Layout-Styles","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/PavelLaptev/Figma-Auto-Layout-Styles","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PavelLaptev%2FFigma-Auto-Layout-Styles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PavelLaptev%2FFigma-Auto-Layout-Styles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PavelLaptev%2FFigma-Auto-Layout-Styles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PavelLaptev%2FFigma-Auto-Layout-Styles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PavelLaptev","download_url":"https://codeload.github.com/PavelLaptev/Figma-Auto-Layout-Styles/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PavelLaptev%2FFigma-Auto-Layout-Styles/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269432991,"owners_count":24415971,"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","status":"online","status_checked_at":"2025-08-08T02:00:09.200Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["autolayout","figma-plugin","figma-plugins"],"created_at":"2024-10-11T22:46:53.164Z","updated_at":"2025-08-08T14:07:31.608Z","avatar_url":"https://github.com/PavelLaptev.png","language":"TypeScript","funding_links":["paypal.me/pavellaptev","https://www.paypal.me/pavellaptev"],"categories":[],"sub_categories":[],"readme":"# Figma Auto Layout Styles\n\n![Cover](cover.png)\n\n### The plugin brings an experience of Figma styles to the auto-layout feature. You can make separate configurations of auto-layouts, save and load them, lock or change at any time.\n\n---\n\n## 🤔  When do I need it?\n\n- If you use the same spacers between certain components or elements.\n- If you have a team and want it to use and apply layouts rules in a comfortable way.\n- If you have multiple projects with different spacer setting and want to keep all in consistency.\n\n---\n\n### 📺  Demo Video [on YouTube](https://youtu.be/vr8asHzyy30)\n\n---\n\n## 🧞‍♂️  How it works\n\nThe plugin works in the same way as sharable styles in Figma. But the plugin stores these styles as a JSON file.\nYou can add so many layouts as you want and save them separately as a layouts configuration.\n\n---\n\n## 🤖  How to use\n\nBefore you will start to apply layouts, you need to select two or more elements. Than click “Apply” button and plugin will automatically apply auto-layout styles from the plugin's layout card.\n\n---\n\n## 💾  Autosave feature\n\nThe plugin uses Figma's plugin storage - so even if you closed the plugin without saving, all your changes will be there the next time you launch the plugin again.\n\n---\n\n## 🪢  Hook names\n\nHook names is a string that will be applied as an auto-layout layer name.\n\nThis is important to have distinguish and unique names for each layout, because only with this condition the plugin will be able successfully update multiple layouts automatically.\n\n---\n\n## 💣  Update all layouts at once by hook names\n\nIf you used the plugin before and adjusted all layouts, each type of layout will have a specific name.\n\nClicking on the “Update all by hooks” button the plugin will go through all layouts on the page and apply layouts styles from you configuration.\n\n---\n\n## 🔒  Lock Layouts\n\nEach layout can be locked if you want to make your work with the plugin more safely.\n\n---\n\n## 🔗  Links\n\n#### [Figma project](https://www.figma.com/file/MczslX4e8wjNnYTgy57RpI/Figma-Auto-Layout-Styles?node-id=0%3A1)\n\n#### [My website](https://pavellaptev.github.io/)\n\n#### [Support the plugin](https://www.paypal.me/pavellaptev)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpavellaptev%2Ffigma-auto-layout-styles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpavellaptev%2Ffigma-auto-layout-styles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpavellaptev%2Ffigma-auto-layout-styles/lists"}