{"id":49453612,"url":"https://github.com/MengTo/Angle-Sketch-Plugin","last_synced_at":"2026-06-02T05:00:39.622Z","repository":{"id":30257857,"uuid":"120911494","full_name":"MengTo/Angle-Sketch-Plugin","owner":"MengTo","description":"A free Sketch plugin for creating perspective mockups.","archived":false,"fork":false,"pushed_at":"2023-02-02T21:57:24.000Z","size":1322,"stargazers_count":215,"open_issues_count":35,"forks_count":19,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-04-10T01:09:43.297Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://designcode.io/angle","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/MengTo.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}},"created_at":"2018-02-09T13:52:41.000Z","updated_at":"2024-09-20T10:52:20.000Z","dependencies_parsed_at":"2023-02-19T14:55:15.809Z","dependency_job_id":null,"html_url":"https://github.com/MengTo/Angle-Sketch-Plugin","commit_stats":null,"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"purl":"pkg:github/MengTo/Angle-Sketch-Plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengTo%2FAngle-Sketch-Plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengTo%2FAngle-Sketch-Plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengTo%2FAngle-Sketch-Plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengTo%2FAngle-Sketch-Plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MengTo","download_url":"https://codeload.github.com/MengTo/Angle-Sketch-Plugin/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengTo%2FAngle-Sketch-Plugin/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33806987,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-02T02:00:07.132Z","response_time":109,"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":[],"created_at":"2026-04-30T04:01:03.701Z","updated_at":"2026-06-02T05:00:39.614Z","avatar_url":"https://github.com/MengTo.png","language":"JavaScript","funding_links":[],"categories":["📦 Legacy \u0026 Inactive Projects"],"sub_categories":[],"readme":"![](https://cl.ly/2g211R2e2U3B/download/Angle-Logo.png)\nAngle is a free and lightweight Sketch plugin for applying perspective transforms for your mockups. You can get the **[starting template](https://angle.sh)** to help you design beautiful mockups from scratch. Check out the **[full tutorial](https://www.youtube.com/watch?v=5uffgI-J29I)**.\n\n# Getting Started\n\nThe only thing that Angle needs to work is an Artboard containing your Screen. That's it!\n![](https://cl.ly/0D1l3y2D453a/download/Angle-GIF.gif)\n\n## Installation\n\nMake sure you have the latest version of Sketch (72+) running on macOS Catalina (10.15.0) or newer.\n\n- [Download the zip file](https://github.com/MengTo/Angle-Sketch-Plugin/archive/master.zip).\n- Double-click on Angle.sketchplugin\n\n#### Important note:\n- This plugin may not work for Sketch 93+. You can use [Mockup](https://github.com/ruslanlatypov/Mockup-Plugin-for-Sketch) (make sure to Detach from Symbol and once applied, rotate 3 times). This will work with Angle mockups.\n- use version [1.1.7](https://github.com/MengTo/Angle-Sketch-Plugin/releases/download/v1.1.7/Angle.sketchplugin.zip) for Sketch 86+\n- use version [1.1.6](https://github.com/MengTo/Angle-Sketch-Plugin/releases/download/v1.1.6/Angle.sketchplugin.zip) for Sketch 72 to Sketch 85.1\n- use version [1.1.5](https://github.com/MengTo/Angle-Sketch-Plugin/releases/download/v1.1.5/Angle.sketchplugin.zip) for Sketch 66 to Sketch 71.2\n- use version [1.1.4](https://github.com/MengTo/Angle-Sketch-Plugin/releases/download/v1.1.4/Angle.sketchplugin.zip) for Sketch 65 and earlier.\n\nApply perspective transforms on screen mockups. Auto-detect screens by resolution and works on shapes and symbols.\n\n## Usage\n\nSelect a shape layer and do **Apply Mockup** `Command + \\`.\n![](https://images.ctfassets.net/l7neci24wkw8/ebI08E1aZfvpMN1pChH1J/0fdfa8806ca1443aaeb786fd449adb72/Apply.png)\n\n- **Apply Mockup** `Command + \\`: this will apply an Artboard to your selected shape.\n\n## Auto-Detect\n\nWhen applying a mockup, Angle automatically detects all the Artboards, except the current Artboard. No expensive operations while you're designing, as this only happens when you run one of Angle's commands.\n![](https://cl.ly/2W3o332N0p25/download/Angle-Detect.png)\n\n## Single Artboard\n\nIf you have a single Artboard with your screen, Angle will skip the modal and apply right away. Boom!\n\n## Working with Symbols\n\nIf you have a Symbol that contains your Mockup, make sure to have an **Image Fill**. That's how Angle knows that your Symbol contains a mockup.\n![](https://cl.ly/1L2Q3u1n0T33/download/Angle-Symbol.png)\n\n## Multiple Shapes and Nested Symbols\n\nIf you have multiple shapes or a Nested Symbols, you can apply the mockups to multiple destinations.\n\n## Pixel Density\n\nBy default, it's set to **Auto**, which will detect the size of selected shape and apply a **2x** pixel density. You can set to **1x**, **2x**, **3x** or **4x**.\n\n## Image Quality\n\nBy default, it's set the **Best**. While you'll get the highest quality possible, this will increase your filesize dramatically. By setting to **Better**, **Good** or **Average**, you will make the file smaller.\n\n## Credit\n\nThis plugin was made by the team at [Design+Code](https://designcode.io), including [Tiago Mergulhao](https://github.com/tmergulhao), [Meng To](https://twitter.com/mengto) and [Kwan Yip Yap](http://twitter.com/pizza0502).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMengTo%2FAngle-Sketch-Plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMengTo%2FAngle-Sketch-Plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMengTo%2FAngle-Sketch-Plugin/lists"}