{"id":13463617,"url":"https://github.com/ddwht/sketch-dynamic-button","last_synced_at":"2025-03-25T09:30:56.097Z","repository":{"id":14692782,"uuid":"17412713","full_name":"ddwht/sketch-dynamic-button","owner":"ddwht","description":"Dynamic button plugin for Sketch.app","archived":false,"fork":false,"pushed_at":"2016-08-28T01:18:16.000Z","size":205,"stargazers_count":1051,"open_issues_count":34,"forks_count":57,"subscribers_count":52,"default_branch":"master","last_synced_at":"2024-10-29T16:18:55.645Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ddwht.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":"2014-03-04T18:42:44.000Z","updated_at":"2024-10-23T00:36:08.000Z","dependencies_parsed_at":"2022-09-21T07:52:35.868Z","dependency_job_id":null,"html_url":"https://github.com/ddwht/sketch-dynamic-button","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/ddwht%2Fsketch-dynamic-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddwht%2Fsketch-dynamic-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddwht%2Fsketch-dynamic-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddwht%2Fsketch-dynamic-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ddwht","download_url":"https://codeload.github.com/ddwht/sketch-dynamic-button/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245435058,"owners_count":20614820,"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-31T14:00:24.466Z","updated_at":"2025-03-25T09:30:55.798Z","avatar_url":"https://github.com/ddwht.png","language":null,"funding_links":[],"categories":["Plugins","Others","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# Dynamic button plugin for Sketch.app\n\nDynamic button plug-in for [Sketch.app](http://bohemiancoding.com/sketch/) allows to create buttons with fixed paddings no matter what text you add. \n\n## Update \n[SOON] Version 2.0\n- [add] Some new attractive features \n  \nVersion 1.2:\n\n- [add] Supports Sketch 3.2\n- [add] Now you can select multiple layers to convert them to buttons / update them at once\n\nVersion 1.1:\n\n- [add] Support Sketch \u003e= 3.0.2\n- [add] Now you can use CSS shorthands (10:10, 10:10:10, 10:10:10:10)\n- [add] Feedback messages ('nothing selected', 'wrong format')\n\nThanks [IngoValente](https://github.com/IngoValente) for CSS shorthands and all other users for appreciation.\n\n\n\n## Demo\n\n[![Demo Video](https://dl.dropboxusercontent.com/u/1909742/sketch-plugin/thumb.png)](http://www.youtube.com/watch?v=ZJCYUCU7YxQ)\n\n## Installation\n1. [Download Dynamyc button.sketchplugin.](https://github.com/sketchplugins/sketch-dynamic-button/archive/master.zip)\n2. Double-click the file inside download folder. Sketch should open automatically and tell you that a new plugin was installed.\n  \u003cimg src=\"https://dl.dropboxusercontent.com/u/1909742/sketch-plugin/success.png\" alt=\"installed\" width=\"534\" /\u003e\n3. You should see the Dynamic button entry under the Plugins menu. \n \n  \u003cimg src=\"https://dl.dropboxusercontent.com/u/1909742/sketch-plugin/dropdown.png\"/\u003e\n\n\n## How-to\nYou can firstly create a structure (like on the image bellow) manually and then use plug-in. Or create text layer and then make a structure automatically using shortcut `Cmd + J`. After you can see a group \"flexible button\" with text layer (0:0:0:0) and background ('BG').\n\n\u003cimg src=\"https://dl.dropboxusercontent.com/u/1909742/sketch-plugin/2step.png\"/\u003e\n\n0:0:0:0 are padings. The syntax is like CSS paddings.\n\n*For e.g. \npadding: 10px 20px 10px 20px (padding: top right bottom left)\n10:20:10:20 (top:right:bottom:left)*\n\nMake the paddings you need (in text layer name), select text layer and press `Cmd + J`.\n\n\u003cimg src=\"https://dl.dropboxusercontent.com/u/1909742/sketch-plugin/3step.png\"/\u003e\n\nThat's it! You create your dynamic button. Now you can change text and press `Cmd + J`. Button will change automatically.\n\n\u003cimg src=\"https://dl.dropboxusercontent.com/u/1909742/sketch-plugin/4step.png\"/\u003e\n\n## Changing the Default Keyboard Shortcut\n\n1. Open Sketch's plugins folder. You can do it by choosing\n   custom script from the Plugins menu, then click the gear icon and\nchoose \"Open Plugins Folder\".\n2. Open the file \"Dynamic Button.sketchplugin\" in text\n   editor.\n3. The shortcut is on the first line:\n\n    ```\n    // just a comment (cmd j)\n    ```\n    \n    Change it.\n    \n[Scripting documentation](http://bohemiancoding.com/sketch/scripting/)\n\n\n[Twitter](https://twitter.com/dwht)\n[Facebook](https://www.facebook.com/alexander.kudymov)\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddwht%2Fsketch-dynamic-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fddwht%2Fsketch-dynamic-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddwht%2Fsketch-dynamic-button/lists"}