Sketchプラグイン `DesignToken2Code` を作ってみた｜松本芳郎
はじめまして。松本芳郎と申します。 デザイナーですが、コーディングばかりやっているものです。 DesignToken2CodeというSketch プラグインを公開いたしました。Sketchデータ内のシェイプからSASS用のカラー変数をコマンド一発でシュッと作成するものです。 「初めてのプラグイン作成！初めてのOSS！」といった私的事情もあり、やりきった気持ちになってしまいそうです。 しかし、作ったツール以上に、ツールを通して自分の考えを公表することが大事だと、会社の凄腕エンジニアに教わりました。 ツールを作りどんな課題を解決しようとしたのか、動機など記しておこうと思います。 ※ 本記事では、コーディング・コードという単語をWebアプリを想定して使用しています。 ・きっかけはスタイルガイドの運用 ・Design Token | デザインの構成要素を命名する ・Sketchとコードの維持は大変
User Flows
Define Links To define a link between two artboards – select a layer and the destination artboard, then run the Define Link command (Cmd Shift M). Add Conditional Logic Easily show conditional flow logic by creating and managing Conditions through the plugin. To add conditions run the Add/Edit Conditions command (Cmd Shift D). To edit an existing set of conditions, select the artboard and run the
Sync to Slides
## [2.2] - 2017-05-28 - Now user user created page elements won't get deleted - Symbols will correctly keep comments - Added the appcast updates ## [2.1] - 2017-05-06 - User can click on the refresh button to get new changes - Added export only image option ## [2.0] - 2017-04-09 - Added file upload selection - Exports all the individual layers, which allows commenting - Complete code re-write ## [
NameBright - Coming Soon
silverflows.com is coming soon This domain is managed at
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The page been moved to https://renameit.design/sketch/
Runner Pro: The Sketch plugin to design faster
GitHub - sonburn/symbol-instance-renamer: Rename symbol instances to the name of their master.
GitHub - getflourish/Sketch-Set-Line-Height-Plugin: Set line height relative to font size
GitHub - sonburn/symbol-swapper: Swap the selected symbols and/or symbol instances to a master of the same name in a library.
GitHub - andrewfiorillo/sketch-palettes: A Sketch plugin for exporting and importing fill presets. It supports colors, gradients, and pattern fills.
Sketchpacks - Sketch plugin manager for teams. Manage and sync your Sketch plugins across machines and teams.
Toybox welcome to Miruni
https://creative-tweet.net/blog/2016/12/sketch-plugin-ac-18.html
Yusuke Saitoh on Twitter: "選択中のシンボルと同じシンボルをすべて選択するSketch Pluginを作りました I made Sketch plugin that selects same symbols as the currently selected… https://t.co/7O3zD6dcoG"
Anima
Picnic for Sketch
Sketch 3でデザインしたレイアウトをCSS形式で編集出来るプラグイン「CSSketch」が公開。
Sketchを更に便利にパワーアップするプラグインのまとめ
GitHub - timuric/Content-generator-sketch-plugin: Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc
GitHub - marcbouchenoire/sketch-constraints: 📏 A plugin that integrates constraints in Sketch to lay out layers.
