タグ「デザインツール」

タグデザインツール

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 28件)

フォトショ・イラレ対抗、Affinityのソフトが80％オフ　期間限定で1980円に

2024/10/25 178 users ソースネクスト Illustrator Affinity

ソースネクストが、英Serifが手掛けるデザインツール「Affinity Designer 2」と「Affinity Photo 2」を、定価の80％オフにあたる1980円でそれぞれ販売している。期間は11月3日まで。 Affinityシリーズは米Adobeのサブスク制とは異なる買い切り（永久ライセンス）製品。Affinity DesignerはIllustrator、Affinity Photoは... 続きを読む

【乗り換え】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 プロコンモバイルアプリふじけん

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に押... 続きを読む

(1 - 25 / 28件)

次の25件 »