デザインコレクション #

Free Logo Maker

ロゴデザインを完全無料で作成、ダウンロードできるサービス。作成したロゴは、商用ライセンス対応。

Animista

CSSでアニメーションを作成。ブラウザ上で回転や色、向き、バウンドといった様々なアニメーションを自分の好きな設定で作った後、CSSコードの出力が無料でできる。

SVG Arista

CSSでSVGアニメーションを簡単に作成。単一のSVGファイルからフェードインのSVGアニメーションを簡単に作成したり、ストロークと面のSVGコードを組み合わせて手描き風のアニメーションも簡単に作成することができる。

Greyhound Flowcharts

ウェブサイトやモバイルのプロトタイプ作成を数分で行うことができる、２００を超えるフローチャートが揃ったUIデザイン素材集。

Ant Design System for Figma

Reactをベースとした、Figma最大級のUIライブラリで、2100を超えるUIコンポーネントに、600個のアイコン素材、カスタマイズ可能なスタイルやスクリーンなど幅広く揃っている。

Brutalist Web Kit

最近のウェブデザイントレンドを多数盛り込んだ、70種類を超えるアートボードを収録したデザイン素材集。FigmaとSketchファイルで収録されてる。

Atomize React

デザイナーとデベロッパーのコラボレーションをよりスムーズにしてくれる、React.jsのデザインシステム。

Elements For Sketch

Sketch専用UIデザイン、コンポーネントをダウンロードできるオンラインサービスで、同時にロイヤリティフリーの高画質フォトストック写真をEnvato Elementsより無料ダウンロードでる。

Flawwwless UI

オープンソースで公開されているReact.js向けコンポーネントライブラリ。アプリの作成、アップグレードを手軽に行うことができる。

Font Pair

フォントの組み合わせ見本をまとめたライブラリで、具体的なサンプル作例を確認できるだけでなく、どれもGoogleフォントで無料利用できる。

Really Good Emails 2.0

4,000を超えるEメールデザインを集めたギャラリーサイト。

イラストライブラリ #

Abstrakt Illustration

独特の作風の手描きイラストをSVGとPNGファイル形式で無料ダウンロードできるWebイラストサービス。

Isometric Illustrations

商用利用にも対応したMITライセンス付きで、遠近感を利用した3Dフラットスタイルのイラストを無料ダウンロードできる。

Delesign

ロイヤリティフリーで商用利用OKのイラストを無料ダウンロードできるライブラリで、自分でカラーの変更もできる。

Paaatterns

カラフルで美しいベクターパターンテクスチャを多数そろえたデザイン素材集で、SketchやFigma、XD，Illustrator用ファイルの他に、SVGとPNGファイルでダウンロードできる。

Stubborn Generator

着せかえ人形の要領でオリジナルのキャラクターデザインを作成できる無料イラストツール。Illustratorの他に、SketchとFigmaにも対応している。

Huge Illustration Pack & Creator

300以上のイラストに、50背景シーン、100種類のWeb用UIテンプレートなどが揃い、自分だけのイラストレーションを作成できる有料デザインキット。

デザインからコードへ変換するツール #

Balloon.css

JavaScriptを使わず数行のCSSのみで、デザイン要素にツールチップを追加できる機能。

Cookies by Axeptio

ウェブサイトのクッキーを新しい方法で保存、管理することができる新しいサービス。

Bulma Builder

軽量で人気のCSSフレームワーク「Bulma」専用のエディタ、ビルダー機能で、コードを考えずに手軽にテンプレートを作成できる。

Get Waves

あらゆる波型シェイプにカスタマイズができ、そのままSVGファイルとして無料ダウンロードできるサービス。ウェブページのセクション項目同士のスペーサーとしても利用できる。

Prototyping with React + Framer

ReactとFramerの使い方を学ぶオンラインスクールで、10種類のモジュール、15のプロジェクトなど。

生産性アップツール #

Visual Sitemap

ウェブサイト制作の途中で、さまざまなデバイス端末での表示確認をインスタントに行うことができる、時間短縮と生産性がアップするサービス。

Sizzy

URLを入力するだけで、サムネイル付きのウェブ用サイトマップを自動生成してくれるツール。

プロトタイプツール #

Axure 9

ウェブサイトの設計を計画したり、プロトタイプ作成をコード不要でデザインし、デベロッパーへの引き渡しをスムーズにしてくる。

Sketch Manager

Sketchを使った日常のデザイン業務をスピードアップさせる無料の拡張プラグイン。

Lunacy 4.0

SketchファイルをWindows上で、しかもオフラインで利用できるグラフィックデザインソフトウェア。

Amazon Alexa for Adobe XD

ボイスコマンドAlexaにAdobe XDが対応しました。これで「アレクサ、Adobe XDを開いて」でプログラムを開くことができる。