Making Profit from a Design System
IntroOver the past few years, the complexity and time-consuming costs of creating a UI kit or an Inspirational kit have significantly decreased. The market of design tools is rapidly growing and bringing a lot of new features to the game, like Symbols, Design Systems, Plugins, and many other handy tools that can be used in various combinations to overcome design limitations and help you automate t
Photopea | Online Photo Editor
Free Online Photo Editor Unlock your creativity with the best free photo editor. Transform your photos with professional-grade tools in a free online photo editor that works right in your browser. No downloads, no hassle. Start using Photopea Fully Local There are no uploads. Photopea runs on your device, using your CPU and your GPU. All files open instantly, and never leave your device. Cost-Effe
Sketchのプラグインを作る①｜Yukiya Okuda｜note
プラグインを構成する要素。あんま覚えなくてよい。 - プラグイン : プログラムやらなんやかんやファイルの集まり - プラグインバンドル : プラグインに関するなんやらかんやらが入ったフォルダ - コマンド : プラグインを構成する処理の単位、通常複数のコマンドが組み合わさってひとつのプラグインを構成する - アクション : コマンドを実行するきっかけとなるユーザの行動（メニューを選択する、ファイルを変更する、とか） - ハンドラ : アクションを検出してコマンドを実行するための橋渡しをするプログラム - スクリプト : プログラムが書かれたファイル Sketchプラグインのスクリプト（プログラム）はJavaScriptで書きます。ES6というお洒落なバージョンのJSが使えるが、面倒くさければ使わなくてよい。 Node.jsが必要なので、各自インストールする。npmも入れる。入れたらskp
Sketchに入れたい、便利なプラグインまとめ
こんにちは。 前回はSketchの画像の書き出しについてご紹介しました。 ▷Sketch初心者が知っておきたい！画像のスライス機能について 今回はSketchをより快適に使うためのプラグインを、ご紹介したいと思います。Sketchのプラグインは色々あるのですが、中でも便利だなと思ったものをあげていきます。 （そもそも「Sketchとはなんぞや？」という方はこちらの記事をご参照ください。） Sketch Toolbox まずはじめに、プラグインではないのですが、プラグインをスムーズにダウンロードできるソフトを入れます。 Sketch Toolboxはそのソフトで、スムーズにプラグインを入れる事ができます。 プラグインを入れる方法 ソフトを立ちあげて、検索フォームに入れたいプラグインの名前を検索。 そのInstallのボタンを押すだけで完了です！ プラグインをアンインストールする方法 アンイン
Kactus - デザイナー向けのGitクライアント
プログラマーはGitをはじめとするバージョン管理の恩恵を強く感じているでしょう。しかし開発に携わる方はプログラマーだけではありません。デザイナーだってもっとGitを使いこなしたいと思っているはずです。 そんなデザイナーの中で、Sketchを使っている方にお勧めなクライアントがKactusです。 Kactusの使い方 最初の画面です。GitHubまたはGitHub Enterpriseに対応しています。 ログインしたらリポジトリを登録します。 そしてリポジトリに対してSketchファイルを登録していきます。 JSONファイルであれば内容の確認もできます。 ブランチの切り替えもできます。 筆者はSketchを持っていないのでこちらは公式リポジトリより。変更内容を横並べで比較できます。 KactusはSketchのファイルにしか今のところ対応していませんが、バイナリファイルを横並びで比較できるの
Sketchにショートカットを設定して爆速デザイン
Sketchは直感的に操作できるのでWebサイトのデザインカンプなどは、Photoshopでデザインするよりも、かなり速く仕上げることができます。 Sketchには予め便利なショートカットがセッティングされていますが、Sketchを更に便利に使い倒してやろうではないか！ということでSketchのショートカットで足りないものを独自に設定します。 SketchのショートカットはMacのシステム環境設定から行う Sketch本体にショートカットを設定する項目はないので、Macのシステム環境設定から行います。 システム環境設定＞キーボード＞ショートカット＞アプリケーションで設定項目までアクセスします。 ショートカット設定手順 +ボタンで新しくショートカットを追加する アプリケーションはSketchを選択 メニュータイトルにショートカットを設定したいメニュータイトルを正しく記述 キーボードショートカ
Atomic Designの概念を参考にSketchのシンボルを効率的に管理する方法 | UXデザイン会社Standardのブログ
We’re getting things ready Loading your experience… This won’t take long.
Sketchを使う上で知っておくと地味に便利なtips | tipsBear
この記事はSketch Advent Calendar 2016 21日目のエントリーに入る予定だったんですが、21日目の記事を見ての通り、長くなっちゃったので分割した片割れの記事となります。 Sketchを使っていると、こんなとこが不便だなーとか、こんな機能デフォルトでないのかな？ などの疑問が浮かんできます。本記事ではそんな痒いところに手が届くかもしれないtipsをご紹介します。プラグインを入れるともっと便利になったりしますが、それはまた次の機会にでも。 Sketchの知っておくと便利なtips グループ化したあと、グループの中のレイヤーを簡単に選択出来るようにしたい レイヤーを選択する際に、Photoshopだと移動ツールを選択した際にクリックした先がレイヤーかグループか選べるセレクトボックスがありますが、Sketchにはありません。そしてSketchの選択ツールのデフォルトはフォル
Sketchの使い方をお話ししてきました。
Miki Ishijima デザインワーク、ソフトウェア開発のワークフロー、デザイン自体の考え方に関する著書を持つ。2013年にザ・マーズナレッジ株式会社設立。 works Sketchの使い方をお話ししてきました。 Posted by Miki Ishijima on June 20, 2014. CPI x CSS Nite x 優クリエイト「After Dark」（11）にてSketchの基本的な使い方についてお話してきました。 準備中の様子 題して「ワイヤーフレーム・プロトタイプ制作に使うSketch」です。 Adobe Fireworksの新規開発中止をうけて注目を集めたSketch。実はWebページやアプリのUIデザインに最適化されたベクタードローイングツールとして有名です。そのSketchがバージョン3になり、さらに使いやすく大幅に機能強化されました。 本セッションでは、Sk
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
