デザインのバージョン管理をGitHubでしてみたら修正点が3秒で分かるようになった話 - Money Forward Developers Blog
こんにちは。デザイナーの大橋です。 今日は、私が担当している “（しら）ずにお金が（たま）る”自動貯金アプリ『しらたま』 で導入してました、デザインのバージョン管理の話を紹介します。 デザインのバージョン管理といえば、AbstractやKactusがありますが、今回はあえてGit Sketch Pluginを試してみました。 デザインデータをGitHubで管理しようと思ったキッカケ 私以外のチームメンバーがみんなエンジニアだから、間違いなくGitHubに寄せたほうが効率いいんじゃないか。 新しいツールを導入すると、プロジェクトに関する情報が分散してしまいがちで、エンジニアも招待したり登録してもらったりしなきゃいけないのかなという印象。※あくまで印象です。 Kactusはプライベートレポジトリが有料。 こんな感じでなんかファイルが増えてく。。。(忙しいと放置しがちでよくない。。 GitHub
SketchCleaner
SketchCleaner Sketch plugin that helps you get your design files as clean as a whistle. Watch video Speed up organization & (re)naming chores SketchCleaner is created to speed up Layer organization and (re)naming chores and smoothen developer/fellow designer/client handoff. Remove unused styles If you're going for ultra clean Sketch design files you gotta do it right. Use SketchCleaner to get rid
To Sketch or Not to Sketch? Design Process.
A designer typically has a long stream of projects, each demanding innovative and imaginative solutions. How to keep up and keep sane? You need a balanced approach. Traditionally, there’s a distinction between UX and UI. UX is all about collecting data about the brand, product, client, designing the user interface, and is generally a process totally aligned with rational, left-brain activity. Here
Libraryの差し替えができるSketchプラグイン「Symbol Swapper」
Sketch47が正式にリリースされました。まだアップデートしていない人はSketchを再起動、もしくはCheck For Updatesすると最新版がインストールできます。今回は大きく2つの追加機能がありますLibrariesSmooth Cornersそれぞれ解説します。Librariesで変わるチームによる共同作業LibrariesはSymbolを同期する機能です。今までSketchではドキュメント内で利用する共通のパーツをSymbol化することによって使いまわすことができました。このLibrariesは、Symbolが入ったSketchファイルを外部ファイルとして読み込むことによって、ファイル... 今までと制作フローが大きく変わるため、移行作業に手間が掛かっている方も多い様子。標準で用意されている機能だけでは物足りずに、ライブラリー関連のプラグインが続々と登場しています。 今日紹
Sketch LibrariesとAbstractを使ったAtomic Designの実践💪 | Nagisaのすゝめ
はじめに こんにちは！ 社長室インキュベーションチームで新規サービスのデザインを担当しています田村です。 先日、デザイナーリーダーの川畑が執筆した記事にある通り、Nagisaではデザイン手法としてAtomic Designを採用しています。 Atomic Designは、コンポーネント指向のデザイン手法です。 コンポーネント指向はパーツの再利用と効率の良い運用を可能とし、デザインの追加・変更が容易であり作業の効率化に繋がります。 また、React Storybookなどを使用すれば「あのボタンがない」「カラーが違う」などの実装段階での抜け漏れも防げますし、デザイン変更のハードルも下がるかと思います。 コンポーネントの粒度がしっかりと定義できていれば、エンジニアさんとの共通言語が増えてコミュニケーションの質が高まることも期待できます。 このようにAtomic Designはデザイナーの作業効
Create UI flows using Sketch and Framer
“Slide in right” is one of the pre-made transitions you can use to kickstart your Framer project Framer is a prototyping tool known for its great capabilities when it comes to designing micro-interactions. You can easily prototype gestures, animations and logic in ways that are hard to achieve in other tools. However, putting these micro-interactions into context is often harder than it should be.
Quick and Easy Presentation in Sketch
What are the tools you used for presentation? You might be thinking about Powerpoint or Keynote, or maybe Google Slides. If you’re a Sketch user, most probably is that you will to export your designs and then import to the tools mentioned. However, after preparing a few presentations myself, I find this workflow frustrating. The loose integration between the design tool and the presentation tool i
Craft by InVision LABS | InVision
We recently shared Craft, a groundbreaking set of free plugins for Sketch and Photoshop to bring real data and lightning speed to your design workflow. Now, we’re excited to share Styles. It’s a tool that generates a stunning, comprehensive style guide for your designs in Sketch with just a click. Styles, which exists within the new Craft Manager, will create a new page within your Sketch file wit
それでも私がSketchを使い続ける理由。
ついにUIデザインツールの大本命とされていたAdobeのProject CometがAdobe Xdとしてリリースされた。 学生時代から10年近くAdobe製品を使い続けていたが、UIデザインでの使い勝手の悪さにウンザリし、ようやく重い腰をあげてSketchに移行したところだった。 そんな中、Adobe XdはSketchのシンプルさとプロトタイピングツールのエッセンスがうまく統合されていて「またAdobeに戻ってもいいかも」と思えるぐらい心が動かされるプロダクトだ。 まだプレビュー版で機能などは限定的なので、正確に評価することは難しいが、Adobeが持つ他ツールとの親和性やマーケティング力を考えると、Sketchや既存サービスにとって大きな脅威となるのではないだろうか。 Adobeが強力なツールを出してきた中で、それでもSketchを使い続ける理由はあるのか。 UIデザインに携わる人にと
Framer & Sketch: An Intentional Workflow
Making Framer prototypes can communicate what a final product will feel like early in the design process. I find working with Framer rewarding because it forces me to think through the logic and flow of a design in a very tangible way. Building a prototype also helps me gain empathy for some of what engineers will go through when building the product. If it’s difficult to figure out the interactio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Libraries, an in-depth look
Medium
Drive, Sketch, Invision & some peace of mind
Eden Agency
Prototyping tools of tomorrow
Sketch tip: Bring some order into the Layers List
Design to Development with Sketch — Medium
Rapid iteration in Sketch
A cleaner way to use Sketch?
Prototyping an iOS App with Sketch & Flinto: Part 2 of 2