{"id":13398026,"url":"https://github.com/sureskumar/sketch-isometric","last_synced_at":"2025-05-15T20:07:20.683Z","repository":{"id":201624737,"uuid":"119012256","full_name":"sureskumar/sketch-isometric","owner":"sureskumar","description":" Generate Isometric and 3D Rotation views from Artboards and Rectangles in Sketch app.","archived":false,"fork":false,"pushed_at":"2024-05-03T14:27:55.000Z","size":12175,"stargazers_count":1646,"open_issues_count":9,"forks_count":64,"subscribers_count":33,"default_branch":"master","last_synced_at":"2025-04-08T01:39:30.879Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sureskumar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2018-01-26T05:59:27.000Z","updated_at":"2025-03-12T03:07:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"d48aa098-db24-44e1-ad8d-1a69034dbc14","html_url":"https://github.com/sureskumar/sketch-isometric","commit_stats":{"total_commits":39,"total_committers":4,"mean_commits":9.75,"dds":0.1282051282051282,"last_synced_commit":"9013c5a9b5c3983316ba549ace8a50b13004e9f3"},"previous_names":["sureskumar/sketch-isometric"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureskumar%2Fsketch-isometric","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureskumar%2Fsketch-isometric/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureskumar%2Fsketch-isometric/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sureskumar%2Fsketch-isometric/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sureskumar","download_url":"https://codeload.github.com/sureskumar/sketch-isometric/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254414499,"owners_count":22067272,"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-07-30T18:02:02.572Z","updated_at":"2025-05-15T20:07:15.658Z","avatar_url":"https://github.com/sureskumar.png","language":"JavaScript","readme":"# Sketch Isometric Plugin v4.2 `Ctrl + shift + I`\nGenerate Isometric and 3D Rotation views from Artboards and Rectangles in Sketch app.\n\n\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_08.jpg)\n\n## Video Tutorial from Skillthrive\n[![Single Isometric Video Tutorial](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_video_tutorial.jpg)](https://www.youtube.com/watch?v=8kAlHz9t_5Y)\n\n## Steps\n1. Select source Artboard / Rectangle\n2. Hit `Ctrl + shift + I` or Run plugin from 'Plugins \u003e Sketch Isomeric \u003e Generate Isometric View'\n3. Select Rotate direction, adjust 'Depth' and 'Scale' as per your requirements and hit 'Done'\n4. Use [Magic Mirror](https://magicsketch.io/mirror/) (free version) or [Angle Plugin](https://designcode.io/angle) (free) to map the contents of your artboard to the generated isometric shape.\n\n## This plugin DOES NOT\n- Map artboard contents to the generated isometric shapes. See step 4 above for details.\n- Support rounded corners. If anyone knows how to do this, please reach out to me.\n\n## More examples ...\n\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_01.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_02.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_05.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_06.jpg)\n\n## Can we have some GIFs please ...\n\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_demo_2.gif)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_demo_1.gif)\n\n\n## Features\n### Rotation direction\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_demo_7.gif)\n\n### Depth\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_demo_3.gif)\n\n### Scale\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_demo_4.gif)\n\n### Color\nColors of the sides can be changed manually after quiting the plugin. Just select the appropriate shape and update fill with your desired color.\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_demo_5.gif)\n\n### Map Top Surface\n[Magic Mirror](https://magicsketch.io/mirror/) plugin can be used to map the desired artboard on top of the Isometric view.\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_demo_6.gif)\n\n\n## Installation\n\n#### Recommended\n* Install via Sketch Runner or [Sketchpacks](https://sketchpacks.com/sureskumar/sketch-isometric/install) by searching for Sketch Isometric.\n\n#### Old-Fashioned\n\nMake sure you have the latest version of Sketch installed. **(Sketch 40+)**\n\n1. [Download the ZIP file of this repository](https://github.com/sureskumar/sketch-isometric/releases/download/v4.2/Sketch-Isometric.sketchplugin.zip)\n2. Double click on `Sketch-Isometric.sketchplugin`\n\n\n## You can also do isometric illustrations like these ...\n\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_04.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_12.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_11.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_03.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_13.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_10.jpg)\n![Single Isometric example](https://github.com/sureskumar/sketch-isometric/raw/master/assets/sketch_isometric_sample_09.jpg)\n\n## Contact me\n\nFeel free to contact me for any suggestions or critique.\n\nEmail: sures.srinivasan@gmail.com\n\n[Portfolio](http://www.sureskumar.com)\n\n## Thanks / Credits\n\nThanks to [Gokulan Vikash](https://github.com/gokul0) for collaborating and adding really cool features.\n\nIllustrations inspired from Nitish Khagwal, Cognitive-scale and many others.\n\nThanks to Tim Wantland and Kyle Pedersen for inspiration and moral support :)","funding_links":[],"categories":["JavaScript","📦 Legacy \u0026 Inactive Projects"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsureskumar%2Fsketch-isometric","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsureskumar%2Fsketch-isometric","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsureskumar%2Fsketch-isometric/lists"}