こんにちは、株式会社アトラエでデザイナーをしています三上蒼太(@sota_mikami)です。 弊社ではデザインツールとしてSketchとFigmaを使っています。 どちらも併用していますが、個人的な好みはどちらかと言えばFigma(前職で使い倒していたので)。 この記事では、そんなFigmaの推しPluginをまとめていきます。 気分次第で随時更新予定です。 Unsplush
![【随時更新予定】推しのFigma Pluginまとめ|三上蒼太 / Sota Mikami](https://cdn-ak-scissors.b.st-hatena.com/image/square/50311493dd26e0cf536b4c536c4c95b31cee5aac/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F15960958%2Frectangle_large_type_2_b719d648c0958b1eaba25cb166aed3f3.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
この記事では、マイクロソフトで働く現役プロダクトデザイナーPranava Tandra氏が、一般的なデザインプロセスの各ステップで利用しているFigmaプラグインをまとめてご紹介します。 大前提としてプラグイン(英: Plugin)とは、アプリケーションの機能を拡張するサードパティ製スクリプトのことを指します。 Figmaプラグインは、デザイン作成プロセスのシンプル化や高速化、生産性をアップさせるなど、作業をより快適にすることができます。 ここでは、一般的なデザインプロセスを以下のフェーズに分け、各手順の作業効率を向上させる、便利なFigmaプラグインを詳しく見ていきましょう。 プロジェクトの設定 ワイヤーフレームの作成 コンテンツとの連携 クイックデザイン(ユーティリティ) デザインファイルの最終確認 デザインシステムの作成 アニメーションとプロトタイプ検証 ファイルのエクスポート Co
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 サイズやフォントの情報など、1クリックで作成してくれます。 Inkの特長 Inkのインストール Inkの使い方 Inkの特長 ウェブページなどのレイアウトやさまざまな要素のサイズ、形、カラー、エフェクト、フォントの種類・サイズなど、指定したレイヤー上にある情報を1クリックでPSD上にドキュメント化します。 Ink スタイルガイドなどでルールをしっかり決めておくと、デザインのアウトプットにぶれがなくなり、最終のプロダクトも想定通りに仕上がります。 Inkのインストール まずは、インストーラーをサイトからダウンロードします。 Ink CS 6にインストールしたので、その手
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く