![https://blog.mismithportfolio.com/web/sketch-icon-color](https://cdn-ak-scissors.b.st-hatena.com/image/square/35d70604e36b744a6a26c34a283eef5d2dcffe88/height=288;version=1;width=512/https%3A%2F%2Fblog.mismithportfolio.com%2Fwp-content%2Fuploads%2F2017%2F05%2Fsketch.png)
Sketchが装いも新たにバージョン41に上がりました。 今回のアップデートの目玉は何と言っても『Nested Overrides』ではないでしょうか。 説明文には Symbol instances can now override their nested Symbols to any other Symbol with the same size. と書かれています。これ、どんな機能かと言うと『シンボルのOverrides』なんですね。 Overridesについて軽くおさらいをすると、Sketchのシンボルには『インスタンスに対してラベルや画像を(親の情報を維持したまま)別の内容に上書きすることができる』機能がついているんですね。それがOverridesです。 こういったシンボルを作って インスタンスを複製して配置した後に、こんな感じにそれぞれのテキストや画像を変えられるのです。 ちな
概要 デザイン界隈でよく聞くAtomicDesignですが、 普段エンジニアの僕はReactのコンポーネント設計時にAtomicDesignに出会いました。 ReactやCSS(SCSS)側でも、AtomiDesignを採用しているのですが、 Sketchでも徐々にAtomicDesignを採用しています。 AtomicDesignは賛否両論あると思いますが、 賛成派の意見でAtomicDesignでのシンボル切り分けについて書きます。 AtomicDesignとは AtomicDesignとは、様々なパーツを合体させて、繰り返し可能なエレメントやテンプレートが作成できるシステムを構築することをいいます。 AtomicDesignのメリット Sketch/CSS/React全てで言える事だと思いますが、以下の様なメリットがあります。 保守性の高いUIを作る事ができる。 デザイン仕様の変更に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く