1. デザインの味付け
  2. #9/Figmaプラグインを開発する..
2023-04-18 05:10

#9/Figmaプラグインを開発する蔵さんに聞くリリース直後のインタビュー

spotify

今回はFigmaプラグインを爆速で開発しまくる @FigmaDevSuruzo さんと梅本が話す回です。

先日リリースしたFigmaプラグインの「Text Color Contrast Checker」のα版を改修してβ版にしました。


梅本がリリース直後のプラグインを確認したところ、これは早速話さないと!ということで開発ホヤホヤな話を聞きました。


コミュニティへのご招待

デザインについて一緒に雑談しませんか? 番組の感想含め、Discordのコミュニティでデザインの話をしています。

無料ですので、以下URLからぜひ参加してください。

⁠⁠https://discord.com/invite/wpewCgg4⁠⁠

なお、招待URLには有効期限があります。もし期限切れの場合は、@dubhunter にコメントしてください。

色とコントラストにこだわるデザインプラグインの開発
スピーカー 1
デザインの味付け
はいデザインの味付け臨時編いきます
今回はFigmaプラグイン開発する蔵という人がいるんですけども
その人がテキストからコントラストチェッカーをアップデートしたので
そのアップデートした瞬間の声を届けております
開発する蔵さんよろしくお願いします
スピーカー 2
よろしくお願いします
開発する蔵です
スピーカー 1
よろしくお願いします
ちょっと名前長いんだけどどうしよう
する蔵でいいんですかね
する蔵でよろしいですか
ちょうどね画面の共有とか動画ではないんですけども
今するぞさんがですね
この前ご紹介というかリリースしましたテキストからコントラストチェッカー
つまりアクセシビリティのコントラストですね
フォントの色とその背景でチェックしたり
フォントのサイズで過読性が高いかどうかみたいなことがチェックできるプラグインになってますが
新しい機能としてリリースしたのでそれを見ております
するぞさんこれいい感じじゃないですか
スピーカー 2
ありがとうございます
今回は色提案機能っていうものを付けさせていただきました
スピーカー 1
色提案機能やりました
スピーカー 2
ありがとうございます
スピーカー 1
これ色提案機能ってどんな機能ですか
スピーカー 2
色提案機能っていうのはテキストとか背景色どっちかを選んでいただいて
スピーカー 1
右逆に準拠したものを提案してくれるっていうような機能になってます
なるほど今までだとコントラストの比率が高いか低いかみたいなので
その基準としてのAAとかAAAを達成してるかなみたいなものが表示されてたんですけども
もしその基準が達成しなかった場合は判定としてフェールという形で
サインを出してたんですけども
そのフェールになっただけじゃなくて
そのフェールからこの色がいいよっていうのを提案する機能ってことですよね
スピーカー 2
はいそうです
スピーカー 1
これめっちゃいいじゃないですか
新機能のアイデア発掘から製品化まで
スピーカー 2
ありがとうございます
選んだことがないような色が出てくるような気がしています
スピーカー 1
この前α版出したじゃないですか
スピーカー 2
はい
スピーカー 1
そこからβ版にするまでの流れって教えてもらってもいいですか
スピーカー 2
流れとしてはまずα版を出してその後にユーザーインタビューをしました
そこで色々意見をいただいたりとか細かいところの調整とかっていうのはあったんですけど
それに加えて色提案機能の元となるようなアイディアをいただきまして
作っていこうということになりました
スピーカー 1
機能ができるまで早かったよね
スピーカー 2
そうですね1週間ちょっとぐらいだと思います
スピーカー 1
できた感じはどうですか
スピーカー 2
そうですね使ってもらえると嬉しいなと思っています
スピーカー 1
そうだねこの前インタビューしたデザイナーとかにはぜひ伝えたいよね
はい
めっちゃいいのできたんですけども
今デザイナーのちょっとした面倒くさいというか困ったことを解消していくっていうコンセプトで色々作ってると思うんですけど
このプラグインは一旦β版ができたので製品版にしていくかどうかはまた検討だと思うんですけども
この次駿沢さんの頭の中でこういうのを作っていこうみたいなのがあるんですか
スピーカー 2
ちょっと今考えているものがありまして
Figmaのデザインチェックリストみたいなものを作っていきたいなっていうふうに考えています
スピーカー 1
デザインチェックリストそれどんなものなんですか
スピーカー 2
それはですねFigmaのコメント機能があると思うんですけど
コメントの中に修正点を書くっていうデザイナーさんがいまして
今一覧性がないからあるようにしたいような話がありまして
それをデザインチェックリストみたいな感じでコメントを選んでいったらチェックリストができあがるみたいな風にしていきたいなというふうに考えています
今後のプラグイン開発について
スピーカー 1
なるほど結構ねその修正指示をする人とかだとコメントでバーっとやっちゃったりもすると思うんだけども
それがなんかそのままチェックリストになったらいいかなみたいなそういうアイデアだよね
スピーカー 2
そうですそうです
スピーカー 1
もう欲しいですね
スピーカー 2
次はちょっとこれを作っていきます
スピーカー 1
アイデアがパクられてしまったらそれはそれで仕方がないのかもしれないですけども
もし公開してアイデアがパクられたとしても
ぜひ弊社のですねNERIプラグインを使っていただければプラグイン開発するぞうさんは大喜びしますのでよろしくお願いします
スピーカー 2
よろしくお願いします
スピーカー 1
最近ねあのツイッターも始められたようなのでぜひフォローしてください
@FigmaDevするぞう
日本語でFigmaプラグイン開発するぞうで検索いただけると見つかるかと思いますので
開発状況とかもリリースしてますのでぜひご確認ください
スピーカー 2
ぜひお願いします
スピーカー 1
今日はベータ版でいいプラグインができたじゃないという喜びの声を一気に取っちゃったということですので
思いついたらプラグイン開発するぞうさんにインタビューしていきたいと思います
聞いていただきましてありがとうございました
スピーカー 2
ではではありがとうございました
05:10

コメント

スクロール