Git Sketch Plugin by mathieudutour
Git Sketch Plugin A Git client generating pretty diffs built right into Sketch. View on GitHub Download .zip A Git client built right into Sketch. The plugin really improves the review process by exporting an image for every part of the design. Every member of the team can quickly see what the next iteration will change through Github’s interface. From ... ... To Each step of the design process is
Humaaans: Mix-&-Match illustration library
humaaansMix-&-match illustrations of people with a design library
SketchからFigmaに移行してチーム間でのコミュニケーションがしやすくなりました - クックパッド開発者ブログ
こんにちは、メディアプロダクト開発部のデザイナ若月 ( id:puzzeljp ) です。 現在関わっている、一緒につくれるクックパッド | cookpadTV のアプリ開発上のチーム間のやりとりについて今回は書きたいと思います。 cookpadTV は料理上手な有名人や料理家がクッキング LIVE を生配信しているサービスです。クッキング LIVE を見られるのは、iOS アプリ・Android アプリ・FireTV アプリとなっています。 cookpadTV のデザインデータを Figma に乗り換えました cookpadTV に私がジョインしたのは、今年の8月です。 cookpadTV アプリがリリースされたのは3月なので、デザインを引き継ぐ形でジョインをしました。 私がジョインしたタイミングで、社内で Figma が使われる事例が増えてきたので、 Figma に移行を行ってみました
PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 | スペースマーケットブログ
PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 デザイナーの横井です。こんにちは！ 猫飼いなのですが猫に顔をうずめるのが難しい季節になってまいりました（毛まみれ） 久しぶりのデザイン記事となりましたが、今日は弊社デザインチームが行ったAtomic Designのシステム化の紹介と失敗体験、そしてその道のりを、赤裸々にご紹介しちゃいたいと思います。 既に完成したデザインのコンポーネント化に悩んでいる方々の参考に、少しでもなれば幸いです。 初期のスペースマーケットデザイン ゴリゴリのPhotoshopデザインだった時代 弊社のメインサービスである、スペースマーケットのデザインは約3年前にリニューアルリリースされました。 当時は全てPhotoshopでデザインされ、１ページにつき１ファイル、スマートフォンもPCも別フ
Sketchでデザインしながらガイドラインを作ろう｜Chizuru Kamisono
はじめまして。UIデザイナーのカミソルです。 わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。 今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います！ ※この記事はSketch Advent Calendar 2017 19日目の記事です。 なぜデザインしながらガイドライン化したいのかガイドラインを作る目的は2つあります。 1. エンジニアとの連携のため "カラーの種類"、"テキストスタイルの種類"、"画像として書き出すもの"、"コンポーネント"の4つがはっきり伝わるSketchデータにしたい。 2. デザイン運用のため デザインを運用をするとき、誰でも追加や変更がしやすいようにしたい。「デザインしながら」とつけた理由は、デザインしていたら自然にガイドラインが出来ていた。という
Sketch Libraries · Keep your components organized and in sync
Sketch 100 — Everything new in 3 minutes. Learn more
デザインのバージョン管理をGitHubでしてみたら修正点が3秒で分かるようになった話 - Money Forward Developers Blog
こんにちは。デザイナーの大橋です。 今日は、私が担当している “（しら）ずにお金が（たま）る”自動貯金アプリ『しらたま』 で導入してました、デザインのバージョン管理の話を紹介します。 デザインのバージョン管理といえば、AbstractやKactusがありますが、今回はあえてGit Sketch Pluginを試してみました。 デザインデータをGitHubで管理しようと思ったキッカケ 私以外のチームメンバーがみんなエンジニアだから、間違いなくGitHubに寄せたほうが効率いいんじゃないか。 新しいツールを導入すると、プロジェクトに関する情報が分散してしまいがちで、エンジニアも招待したり登録してもらったりしなきゃいけないのかなという印象。※あくまで印象です。 Kactusはプライベートレポジトリが有料。 こんな感じでなんかファイルが増えてく。。。(忙しいと放置しがちでよくない。。 GitHub
Q&A おすすめSketchプラグイン
使用されているSketchのPluginを教えてほしいです！ しゅんさん どんなUIデザイナーかで決まります Sketch は UI デザインツールとして優秀なアプリです。日本ではまだまだ Photoshop が有力な現場が少なくないですが、欧米では Sketch が過半数以上を占めている状態です。およそ 2000 人のデザイナーを対象にしたデザインツールの調査によると、UIデザイン、ワイヤーフレームの定番は Sketch になっています（2018年1月現在）。 私の仕事でも欠かせないツールではあるものの、プラグインの組み合わせ次第でまったく違う使い方になる場合があります。定番と呼べるプラグインはありますが、それ以外は自分の役割や仕事現場によって大きく変わります。Airbnb のようにオリジナルのプラグインを開発して、自分たちのワークフローを最適化しているところもあります。 よって、自分が
忘年会&新年会に間に合う！Sketchクイズ5問 - よりぶろ
この記事はSketch Advent Calendar 2017の25日目の記事です。 Sketch Advent Calendar 2017 - Qiita ちなみに自分は14日目も（勢いで）書きました。 yory.design ネタを……ネタを書きたいんや！ もうね、ちゃんとした記事を書くモチベーションは↑で尽きました。それに、みなさんとても良い記事を書かれていますし……最後くらいはネタ枠があってもいいのではないでしょうか！！！ というわけで、今から紹介するのはとあるイベントで僕が作ったSketchクイズ……の拡大版です。全5問！これを覚えて忘年会や新年会で披露すればきっと人気者間違いなし！！！！！（※個人の感想であり、イメージです） なお、クイズは3択で、使うSketchのバージョンは48.2としています。答えは最後にまとめてるので、ぜひ考えてみてください。 第1問 さっそく第1問。
SketchのCommand+Dを使い倒す - Qiita
Sketch Advent Calendar 2017 23日目の記事です みなさんはSketchのCommand+Dでアートボードの複製をしますか？ 僕は頻繁にCommand+Dをしています。 Command+Dでアートボードをサクサク複製できるところは、Sketchの好きなところの一つです。 SketchのCommand+Dで様々なパターンを作成して、修正と見え方の確認、どれがベストか検証することがとても早くなりました。 方法 デザインがある段階まで進んだと仮定します。 アートボードを選択して、Command+Dで複製します。 変更して、前のデザインと比較します(グレーの背景をつけました)。 これで進めていこうと思ったのであれば、2枚目のアートボードをCommand+Dして、3枚目を修正していきます。(ボタンの位置を変更しています) 履歴を残していくように複製していくと、なぜこのデザイ
Sketch でテキストの色を管理する方法 | mediba Creator × Engineer Blog
フロントエンドエンジニアの金森です。 最近、企画→デザイン→開発というワークフローを最適化したくて Sketch を本格的に使い始めました。 端的にシンボル最高ですよね。 何が最高かってシンボルの上書き（Nested Overrides）ができるところです。 こんな感じにテキストや画像、アイコンだけでなく形や色まで上書けてしまうなんて😍 アイコンや形の塗りだけでなく、テキストの色も管理できないかと思ったことはないでしょうか。 この記事では試行錯誤してたどり着いた3つの方法について、いいところや悪いところと合わせて紹介します。 方法1: Blending を使う テキストに使いたい色をシンボルにします 色とテキスト（文字色は黒 #000）を同じ大きさで重ねたシンボルを作ります色はテキストより上のレイヤーに配置し Blending: Screen に設定します最下層に白い背景を敷きますこうす
The design expert’s choice for digital product design
Sketch 100 — Everything new in 3 minutes. Learn more
Atomic Sketch
As a designer of user interfaces, it is nearly impossible not to know two things: Sketch and Atomic Design. For a long time, the features offered by our favourite UI design tool were missing suitable possibilities of integrating Brad Frost’s design methodology into our design workflows. After Sketch released two major feature updates during the last year and Craft is doing its part to make Sketch
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材
GitHub - czrkmsn/design: Design resource
Material Design
GitHub - pavelkuligin/chart: Create the most popular types of charts by real or random data
FontRapid - Design and create fonts directly in Sketch for free
GitHub - usagimaru/Sketch-AppleSystemFont-Plugin: A Sketch plugin for applying Apple system font to text layers. (For Japanese designers.)
https://projectdd.jp/%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E5%A4%89%E3%81%88%E3%81%9F%E3%81%A8%E3%81%8D-%E4%BD%99%E7%99%BD%E3%82%B5%E3%82%A4%E3%82%BA%E3%82%92%E7%B6%AD%E6%8C%81%E3%81%97%E3%81%AA%E3%81%8C%E3%82%89%E5%A4