ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable

2023/09/22 14 users Accessible Stark figma チェッ Edge

公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む

p5.js と ml5.js の組み合わせでブラウザ上でのリアルタイム物体検出を試す（COCO-SSD を利用） - Qiita

2023/01/15 22 users Qiita 物体検出 スケッチ 組み合わせ ml5.js

この記事は、以下のツイートで動画・画像をのせていた、ブラウザ上でのリアルタイム物体検出の話です。 上記の内容は、以下の OpenProcessing のスケッチにアクセスすると、実際に試していただくことができます。 ●ml5.js で物体検出（COCO-SSD を利用） - OpenProcessing https://openprocessing.org/sketch/1795350 実... 続きを読む

デジタルの絵が持つ、完全に地上から消えてしまうというイメージも嫌いじゃない――寺田流「デジタル絵画の変遷」：寺田克也さんに聞く（1/4 ページ） - ITmedia PC USER

2021/08/05 13 users USER 変遷 地上 デジタル絵画 デジタル

寺田克也さんは、言わずと知れた日本を代表するイラストレーター／漫画家の1人である。 2021年5月に発売された最新の画集『寺田克也SKETCH』（パイ インターナショナル）は、500ページみっちりと寺田さんのSKETCHが収録された大ボリュームの作品集になっている。 いつか個人でデジタル機材が持てる時代が来る “SKETCH”と... 続きを読む

WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons | コリス

2021/06/27 59 users コリス figma アロー コピペ アイコン

アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。 Akar Icons ... 続きを読む

最新版で比較するAdobe XDとFigmaの違い - デザイン機能編 - ICS MEDIA

2021/03/26 16 users figma InVision 新進 ICS MEDIA 近年

近年、UI/UXデザインで活躍するデザインツールとしてAdobe XD、Figma、Sketch、InVisionなどさまざまなツールが登場しています。本記事では日本での人気が高い「Adobe XD」と近年盛り上がりを見せている新進気鋭のデザインツール「Figma」にフォーカスして機能の紹介、比較をします。 UI/UXデザインツールには、大きく分... 続きを読む

ウェブ・アプリエンジニアのためのFigma入門 (2) Figmaのキホン | さくらのナレッジ

2020/09/09 17 users figma ナレッジ キホン レイヤー Adobe XD

連載の2回目となる本記事では、Figmaの基本的な使い方を説明します。 今回の記事ではデザインツールを使ったことのない人向けに知ってほしいこと、Figmaの画面説明やレイヤーの設置・編集方法といったFigmaでUIモックを作るための機能について説明します。 SketchやAdobe XDのようなデザインツールの基本的な使い方に慣... 続きを読む

Figmaのプラグイン「Clean Document」を使ったデザインデータ整理のススメ｜YUCCA｜note

2020/07/14 15 users figma Note クラウドワークス プラグイン ススメ

こんにちは。 Figma愛溢れるデザイナーのYUCCAです。 みなさんの会社では普段デザインツールは何を使っていますか？ クラウドワークスのデザインDivでは、これまでUIデザインツールはSketchをメイン,Abstractで運用、Figmaは無料の範囲で利用していたのですが、今年の春にSketch,Abstractから卒業し、FigmaPROへ本格的に... 続きを読む

Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで推奨の画像・動画サイズのまとめ -SocialSizes | コリス

2020/06/19 15 users Instagram Twitter Facebook コリス

Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで推奨されている画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括... 続きを読む

Sketch × inVision × Zeplin × GitHub(Abstract)からFigma に移行してみて｜Spacemarket Design｜note

2019/10/02 49 users Abstract GitHub figma 久保 Note

こんにちは！　株式会社スペースマーケットデザイン部の久保です。 ここ数年はデザインツールの戦国時代と言われるほど世の中には色んなデザインツールがありますが、2019年10月現在のスペースマーケットのデザイン部ではFigma をメインに使用しています。 この4年間でPhotoshop → Sketch ⇔ XD → Figma とスペースマーケ... 続きを読む

簡単で便利！Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette | コリス

2019/09/24 20 users figma AdobeXd コリス 濃淡 コピペ

最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。 CopyPalette CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンライン... 続きを読む

Adobe XDがSketchよりも優れている理由 | コリス

2019/09/19 56 users コリス UIデザイナー 勢い Adobe XD 周り

最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。 SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れ... 続きを読む

Figmaのプラグインをいろいろ触ってみました - BASE開発チームブログ

2019/08/14 7 users figma ノンデザイナー プラグイン 野村 UIデザイナー

こんにちは。UIデザイナーの野村(@nomjic)です。 世のUIデザイナーの皆様は、デザインツールには何を使ってますか？私はSketchとFigmaを行き来して使ってますが、割とFigma推しです。ノンデザイナーでも割とすんなり使える優れものです。 先日Figmaのプラグイン機能がリリースされましたね。この記事書いてる時点でプラ... 続きを読む

最高のデザインツール「Drama」が登場！SketchやXDより良いかも。 | Web Design Trends

2019/08/07 508 users Drama プロトタイプ アニメーション Framer X

Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきま... 続きを読む

Webサイトやスマホアプリの画面遷移や構造を設計するための無料フローチャート素材 -Greyhound Flowcharts | コリス

2019/07/31 56 users コリス プロトタイプ フローチャート 画面遷移 スマホアプリ

Webサイトやスマホアプリで見かけるレイアウト・コンポーネント200種類以上のフローチャートが揃ったSketch, Figma対応の無料素材を紹介します。 無料とは思えないほど、非常に高品質です。 プロトタイプをデザイン...記事の続きを読む 続きを読む

2019年7月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2019/07/29 19 users Stocker.jp diary Tuesday Web関連

Webニュース 2019年7月の、これだけは押さえておきたいWeb関連の動き Tuesday, July 30th, 2019 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン・UI Sketch – Sk... 続きを読む

Sketchを使ったAtomic Designのワークフロー | UX MILK

2019/07/08 17 users ワークフロー ガイドライ Atomic Design 共通

SketchとAtomic Designという強力なツールと方法を組み合わせれば、デザイナーはデザインシステムを作成して、ワークフローを標準化し効率化することができます。 デザインシステムとは デザインシステムとはチームがプロダクトを制作し運用する際に共通の言語で繋がれるように、再利用できるコンポーネントとガイドライ... 続きを読む

PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary

2019/07/01 1040 users Illustrator Stocker.jp diary

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

「Sketchを用いたデザインシステム」を作ってチームでのデザイン作業を効率化した話 - BASE開発チームブログ

2018/12/21 58 users base 小山 devblog.thebase.in チーム

この記事は、「BASE Advent Calendar 2018」の21日目の記事です。 devblog.thebase.in はじめまして。2018年2月にBASE株式会社へデザイナーとして入社した小山です。 技術ブログを書くのは初めてなのですが、今回は私が2月に入社してから今日までネットショップ作成サービス「BASE」で「Sketchを用いたデザインシステム... 続きを読む

iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材 | コリス

2018/11/28 70 users コリス 商用 クライアント Figma用 スクリーン

iOS 12のパブリックリリース版で使用されている全てのUI要素・スクリーンが収録された、Adobe XD, Sketch, Figma用の無料デザイン素材を紹介します。 iOS 12 GUI ダウンロードできる素材は、3種類です。 Adobe XD用 Sketch用 Figma用 利用にあたっては個人でも商用でも、クライアントのプロジェクトでもOKです。 詳しく... 続きを読む

SketchからFigmaに移行してチーム間でのコミュニケーションがしやすくなりました - クックパッド開発者ブログ

2018/10/31 72 users figma puzzeljp CookpadTV クッキング

こんにちは、メディアプロダクト開発部のデザイナ若月 ( id:puzzeljp ) です。 現在関わっている、一緒につくれるクックパッド | cookpadTV のアプリ開発上のチーム間のやりとりについて今回は書きたいと思います。 cookpadTV は料理上手な有名人や料理家がクッキング LIVE を生配信しているサービスです。クッキング LI... 続きを読む

Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ | Stocker.jp / diary

2018/09/27 253 users Thursday Illustrator Sass web

Webデザイン Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ Thursday, September 27th, 2018 「スマートフォン時代のWebコーディングスクール」開催！PC・タブレット・スマートフォンに対応したHTML・CSS・Sass・JavaScriptを基礎から学べます！ 【日曜開催】「1日で分かるSassとBEM講... 続きを読む

デザイナーのための フリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits For Web & Mobile App Designers」 | DesignDevelop

2018/07/28 82 users 頭角 DesignDevelop Photoshop web

デザイナーのための フリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits for Web & Mobile App Designers」 数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は... 続きを読む

最近のHTMLメールで見かけるさまざまなレイアウトやコンポーネントが揃ったデザイン素材 -Email Design System | コリス

2018/07/19 25 users コリス コンポーネント シンボル テンプレート レイアウト

デスクトップ・スマホ対応のHTMLメールをデザインするのに役立つレイアウト、コンポーネント、シンボル、テンプレートが揃ったSketchのデザイン素材を紹介します。 HTMLメールのさまざまなデザインが収録されており、制作...記事の続きを読む 続きを読む

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog

2018/07/13 251 users figma プロコン モバイルアプリ ふじけん 経緯

こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog

2018/07/13 251 users figma プロコン モバイルアプリ ふじけん 経緯

こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む