タグ デザインツール
人気順 5 users 10 users 50 users 500 users 1000 users【乗り換え】Adobeソフトに代わるベストな代替ツールはこれ【早見表つき】
2024/06/11
546 users
Adobeソフト
代替ツール
リズ
ツール
タイミング
Adobeツールの乗り換えを検討し始めたけど、 「どこで見つければいいの？」「どんなツールを選べば後悔しない？」「代替ツールのいいところって何だろう？」「乗り換えのタイミング今なのか？」「費用の違いはどのくらい？」 普段から利用するツールだからこそ、自分にとって最適なデザインツールを知りたい方向けのリス... 続きを読む
Figma でデザイン、そのままデモ、そのまま実装！ - Qiita
2023/10/19
125 users
figma
Qiita
コーディング
デモ
実装
みなさん、デザインツールの Figma を使っていますか？ 私はまだ「使っている」と言えるほど使えていません というわけで勉強会を開催して勉強します Figma とは 公式の紹介文は以下のとおりです デザインの追求からプロトタイプ作成、制作物のコーディングまで、Figmaはチームがコラボレーションして製品開発するための... 続きを読む
Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog
2023/09/01
153 users
CSS実装
Goodpatch Tech Blog
池澤
Goodpatchエンジニアの池澤です。デザインツール「Figma」のスタイルや値を、テキストエディタ「VS Code」上で閲覧できる「Figma for VS Code」機能拡張が2023年6月よりFigma公式から提供されています。 この記事ではその「Figma for VS Code」について、実際に試して感じたことをまとめてみました。 ※ Figma Dev Modeや... 続きを読む
Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選 - ICS MEDIA
2022/11/17
106 users
figma
ICS MEDIA
ハードル
カスタマイズ
標準
ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードル... 続きを読む
AdobeのFigma買収で登録者数は月次で56倍、Googleも使うデザインツール「Penpot」 | DIAMOND SIGNAL
2022/09/30
296 users
ブラウザベース
Figma買収
figma
Adobe
月次
Adobeによるコラボデザインツール運営のFigma買収の報を受けて、劇的にユーザーを増やした企業がある。スペイン発のスタートアップ、Penpotだ。 Figmaが展開する「Figma」はブラウザベースのデザインツール。デザイナーや開発者を含むチームでのコラボレーションに最適化されており、アプリのUIのデザインやワイヤーフレ... 続きを読む
「Excel」はデザインツールだ！ という人に便利なコマンド集「かんたんレイアウト 5.0」／以前「Excel」をアイコンエディターにしてしまった人の新作
2022/05/31
141 users
アイコンエディター
Excel
コマンド
新作
v5.0
エンジニアのためのFigma超入門
2022/05/22
318 users
エンジニア
figma
Figma上
実装
デザイナー
エンジニアがFigmaを学ぶ利点 ブラウザ上で共同編集ができるなどの理由から、最近では観測範囲内の多くの企業がFigmaをメインのデザインツールとして採用しています。 一般的にフロントエンドエンジニアはデザイナーがFigma上で作成したデザインファイルを元に実装を進めると思いますが、ここでエンジニア側にもFigmaの... 続きを読む
文章の品質向上に役立つ！ Figmaのプラグイン「テキスト校正くん」を公開
2022/03/09
196 users
figma
Figma上
テキスト校正くん
プラグイン
文章
ウェブ制作の現場で一般的に使われるようになってきたデザインツール「Figma」。そのFigma上で動作する文章校正支援プラグイン「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for Figma 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高める... 続きを読む
エンジニアのための Figma 知識
2022/01/24
530 users
figma
習熟
しょ
クオリティ
エンジニア
エンジニアにデザインツールの知識・習熟は必要か？ しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 記事中のショ... 続きを読む
エンジニアに伝わるデザインを作るためのFigmaのAuto Layout入門
2021/10/15
200 users
figma
Auto Layout
アニメーション
前回
機能
徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳... 続きを読む
Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG
2021/10/15
485 users
figma
JMDC
はんざわ
エンジニア
Adobe XD
JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく... 続きを読む
最高のデザインツール「Drama」が登場！SketchやXDより良いかも。 | Web Design Trends
2019/08/07
508 users
Drama
Sketch
プロトタイプ
アニメーション
作成
Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきま... 続きを読む
保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで | コリス
2019/03/14
429 users
コリス
GitHub
スマホアプリ
定番ツール
ツール
Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様... 続きを読む
FigmaではじめるUI（Web）デザイン｜前編｜nao komura｜note
2019/01/15
113 users
figma
知見
UIデザイン
半年
具合
Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザイン... 続きを読む
2018年 導入してよかったデザインツール｜灰色ハイジ｜note
2018/12/25
128 users
灰色ハイジ
Note
Principle
Twitter
年末
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrasts - Principle - Figma - RealtimeBoard - IconJar - UXKit - No... 続きを読む
開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog
2018/07/13
251 users
figma
Sketch
プロコン
モバイルアプリ
ふじけん
こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む
開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog
2018/07/13
251 users
figma
Sketch
プロコン
モバイルアプリ
ふじけん
こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む
Adobe XDでシンプルなワイヤーフレームを作ろう！便利なUIキットいろいろ | Webクリエイターボックス
2018/07/02
124 users
ワイヤーフレーム
デザインテンプレート
UIキット
前段階
2018年7月2日 Webサイト制作, XD 新たなデザインツールとして浸透してきているAdobe XD。Webクリエイターボックスでも何度か紹介してきました。Adobe XDはデザインを作り込むだけではなく、その前段階であるワイヤーフレーム制作にもおすすめです。様々なUIキットと呼ばれるデザインテンプレートが配布されていますが、... 続きを読む
無料で商用利用も可能なパーティクル表現が作れるHTML5製のデザインツール「Particle Develop」 - GIGAZINE
2018/04/11
168 users
GIGAZINE
projects
par
パーティクル表現
炎・雪・煙・光など、 パーティクル・システム を使って表現するようなものをウェブサイト上で無料で簡単に作成し、そのまま商用利用してしまってもOKなデザインツール「 Particle Develop 」が公開されています。一体どんなことができるのか使ってみました。 HTML5製のデザインツール Particle Develop - ICS http://ics-web.jp/projects/par... 続きを読む
Sketch はもういらない？ デザインツール Figma の紹介
2017/12/19
159 users
Sketch
figma
議論
デザイナー
Adobe XD
（Figma： https://www.figma.com/ ） はじめに いきなりですが、デザインツールの Figma をご存知でしょうか。 Adobe XDが正式リリースされてから『Sketch vs Adobe XD』のような記事をネットやSNSでしばしば見かけますが、そういった議論ができる最先端のデザイナーでも、ご存知ない方もいらっしゃるかもしれません。試しにSketchとXD、そしてFi... 続きを読む
おしゃれなアイキャッチ画像の作り方＆デザインのコツ8つ
2017/08/01
102 users
アイキャッチ画像
Photosh
目次
コツ
ツール
今回は、アイキャッチ画像の作り方を解説します。デザインのコツもまとめているので、ブログやWebメディアを運営している方はぜひ参考にしてみてください。 この記事の目次 アイキャッチ画像作成ツール デザインのコツ アイキャッチ画像の作り方例 SNSでの画像表示をチェック 画像を圧縮しよう 1. アイキャッチ画像のデザインツールは？ アイキャッチ画像を作るためのツールはたくさんあります。 Photosh... 続きを読む
デザインのバージョン管理をする世界 – Medium
2016/10/26
532 users
medium
GitHub
てき
Sketch
Dropbox
デザインのバージョン管理をする世界 僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキ... 続きを読む
まだ使っていない方にはオススメしたい。Sketchって結局どんな感じなのよ？と思ったので試してみたよ。｜ウェビメモ
2015/12/28
138 users
Sketch
ウェビメモ
遅ればせ
爆速
xxmiz0rexx
こんにちは！霙( @xxmiz0rexx )です！ 2015年ももう終わろうとしている時に、遅ればせながらやっとデザインツールに Sketch を導入してみました。 まだインストールして1週間ほどなんですが、入れて良かったという感想しかないです…。爆速で仕事が終わっていくやんけ、、、。そんなわけで今年最後の記事は、今年最後に手に入れたデザインツール『Sketch』をご紹介させてもらおうと思います。... 続きを読む
ASCII.jp：Sketch 3を使う3つの理由と10の魅力｜グッドパッチのUIデザイナーに聞く Sketch 3の使い方
2015/07/06
137 users
グッドパッチ
UIデザイナー
ASCII.jp
魅力
理由
海外のUIデザイナーの間で爆発的に広まっているデザインツール「Sketch 3」。本連載では、国内きってのUIデザイン集団であるグッドパッチのデザイナー陣が、Sketch 3によるUIデザインの方法を解説します。（編集部） Sketch 3は、オランダのボヘミアンコーディングが開発・販売しているMac OS専用のベクタードローイングツールです。日本ではIllustratorやPhotoshopに押... 続きを読む
レスポンシブWebデザインで必要な配置の仕組みがよく分かるアニメーションを使った解説 | コリス
2015/01/26
104 users
コリス
fixed
absolute
static
配置
レスポンシブWebデザインを使用する際、Webデザインの配置がどのような仕組みになっているかを理解することは非常に重要です。PhotoshopやIllustratorなどのデザインツールに比べてそれは複雑で、スクロールやスクリーンサイズなどさまざまな要因に依存します。 さらに複雑しているのが配置の名称。 Static, Absolute, Relative, Fixed、、、スタティックとはどこが... 続きを読む