{"id":13990025,"url":"https://github.com/timurnurutdinov/Framer-Inventory-for-Sketch","last_synced_at":"2025-07-22T11:32:41.547Z","repository":{"id":35160415,"uuid":"39404850","full_name":"timurnurutdinov/Framer-Inventory-for-Sketch","owner":"timurnurutdinov","description":"Semantic Import from Sketch to Framer","archived":false,"fork":false,"pushed_at":"2018-03-08T14:56:58.000Z","size":8116,"stargazers_count":278,"open_issues_count":0,"forks_count":11,"subscribers_count":22,"default_branch":"master","last_synced_at":"2024-08-09T13:16:53.673Z","etag":null,"topics":["framer","keynote","prototyping","sketch"],"latest_commit_sha":null,"homepage":"http://timurnurutdinov.github.io/framerinventory/?utm_source=web\u0026utm_medium=github_description","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"Biserkov/markdown-playground","license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/timurnurutdinov.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.MD","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-20T19:44:03.000Z","updated_at":"2024-02-11T16:32:46.000Z","dependencies_parsed_at":"2022-09-16T15:01:01.902Z","dependency_job_id":null,"html_url":"https://github.com/timurnurutdinov/Framer-Inventory-for-Sketch","commit_stats":null,"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timurnurutdinov%2FFramer-Inventory-for-Sketch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timurnurutdinov%2FFramer-Inventory-for-Sketch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timurnurutdinov%2FFramer-Inventory-for-Sketch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timurnurutdinov%2FFramer-Inventory-for-Sketch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/timurnurutdinov","download_url":"https://codeload.github.com/timurnurutdinov/Framer-Inventory-for-Sketch/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227089497,"owners_count":17729476,"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":["framer","keynote","prototyping","sketch"],"created_at":"2024-08-09T13:02:17.068Z","updated_at":"2024-11-29T09:30:42.138Z","avatar_url":"https://github.com/timurnurutdinov.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\n# Framer Inventory\n![Version](https://img.shields.io/github/release/timurnurutdinov/Framer-Inventory-for-Sketch.svg)\n### Semantic Export from Sketch into Framer\n\u003ca href=\"https://timurnurutdinov.github.io/framerinventory/?utm_source=web\u0026utm_medium=github\"\u003eWatch Promo and Learn More\u003c/a\u003e\n\n![](/../images-third-version/readme/whiter@2x.png?raw=true \"\")\n## 1. Import States\n![Import States](/../images-third-version/readme/import-states@2x.png?raw=true \"Import States\")\n![](/../images-third-version/readme/whiter-small@2x.png?raw=true \"\")\nImport layers from Sketch to Framer with states. Revolutionary way of semantic import makes iterations with Framer easy \u0026 productive.\n\u003ca href=\"https://medium.com/@tilllur/import-states-with-framer-inventory-plugin-for-sketch-e9ad6ebfeae7?utm_source=web\u0026utm_medium=github\"\u003eRead More\u003c/a\u003e\n\n#### How to use\n* Choose layers \u0026 run to import Framer Layers with selected States (or all States).\n* Paste generated code from clipboard.\n\n#### Features:\n* Support points for code \u0026 auto-exporting images with required pixel density\n* Relative layers: get coordinates to parent Artboard or parent Group\n* Devices support: ready for Desktop/iOS/Android prototyping\n\n![](/../images-third-version/readme/whiter@2x.png?raw=true \"\")\n## 2. Export Prototype\n![Export Prototypes](/../images-third-version/readme/export-prototypes@2x.png?raw=true \"Export Prototypes\")\n![](/../images-third-version/readme/whiter-small@2x.png?raw=true \"\")\nHave you used a Keynote for prototyping? It’s quite the same but like you organize scene of slides in Sketch and create motion in Framer with a any logic you need.\n\u003ca href=\"https://medium.com/@tilllur/export-prototypes-with-framer-inventory-plugin-for-sketch-2f10f9397193?utm_source=web\u0026utm_medium=github\"\u003eRead More\u003c/a\u003e\n\n#### How to use\n* Include layers in Scene by marking them exportable\n* Generate scene for entire page or selected artboards\n* Paste code into Framer and save project\n\n#### Features:\n* Custom code: expand generated prototypes with your own logic\n* Reimport: your Custom code will be saved on reimport\n\n\n![](/../images-third-version/readme/whiter@2x.png?raw=true \"\")\n## Prepare project\n* Create Framer project, *choose device type* and save it.\n* Open plugin’s panel via *Plugins/Framer Inventory/Show Panel*\n* Select *the same device type* on panel and you are ready!\n\n\n![](/../images-third-version/readme/whiter@2x.png?raw=true \"\")\n## Contact\nYou are welcome to suggest ideas and report bugs (ideally with sketch files included). For better communication I suggest using Github issues but you can ping @framerinventory on Twitter as well.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimurnurutdinov%2FFramer-Inventory-for-Sketch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimurnurutdinov%2FFramer-Inventory-for-Sketch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimurnurutdinov%2FFramer-Inventory-for-Sketch/lists"}