kanro | aicocco

株式会社CRUTECH執行役員・リードデザイナー | プロダクトデザイン、特にBtoB /トラスト系のアプリ、SaaSのIA/UI/UXデザインが得意 | 岡山WEBクリエイターズ副代表 | たまにフォトグラファー | お仕事相談はDM📩まで

[kanro | aicocco @kanrame]

CRUTECH入社から2年が経ちました🎉
開発会社でUI/UXデザインを担っています。デトラストサービスやデジタルウォレットなどのサービスデザインの上流からUI/UXまで関わってきました。
少し案件が落ち着いてきたので、週2〜4日で新しいご依頼をお受けしています。
お気軽にDM等でご相談ください！☕️

[kanro | aicocco @kanrame]

CRUTECHという会社に執行役員兼デザイナーという形で転職しました！
開発会社なのですが、デザイナーとして加わったこともあり、現在、UI/UXデザインのお仕事を週2-4日程度で募集しています！
もし、一緒に並走できるデザイナーをお探しでしたら、気軽にお声がけください！
https://t.co/xrqDwfZXRs

[kanro | aicocco @kanrame]

@uiuxtaichi まさにそんな用途の時に使うと、とても便利だと思います！🙌

[kanro | aicocco @kanrame]

遅刻の量に規則性があると分かったから、ClaudeでADHDと特発性過眠症の論文を調査/分析して、自分の認知特性の検査結果を突き合わせて仮説を立ててみた。
出発直前に何をしてたかの行動ログと仮説をかけ合わせて作ったから、わりといい感じのはず…！
しばらく使ってみて検証してみる。

[kanro | aicocco @kanrame]

遅刻癖の原因を分析したら、ADHDの時間感覚の歪みと自分の認知特性が複合的に絡んでるみたいだったので、自分専用の逆算ツールを作った。
一番のポイントは「Googleマップより+⚪︎分かかります」っていうとこ。
駅の広さ・複雑さに合わせて加算される時間が変わる。
効果あると良いけどどうかな…！

[kanro | aicocco @kanrame]

遅刻癖の原因を分析したら、ADHDの時間感覚の歪みと自分の認知特性が複合的に絡んでるみたいだったので、自分専用の逆算ツールを作った。
一番のポイントは「Googleマップより+⚪︎分かかります」っていうとこ。
駅の広さ・複雑さに合わせて加算される時間が変わる。
効果あると良いけどどうかな…！

[kanro | aicocco @kanrame]

WAIS-Ⅳ受けたので知ってる…🙃

[レキサルテ医 @saydeepsea]

そもそも自分のIQを知ってる時点で…

[kanro | aicocco @kanrame]

AIで80%完成したWebデザインをFigmaに逆輸入するために試した方法をまとめました✍️

AIベースで進めていたのに突然「Figmaでみたい」と言われても、シュッと対応できます。AI・Figma間の連携も簡単になってフィードバックのサイクルも回しやすくなると感じました🎉
https://t.co/yFojswSwdX

[kanro | aicocco @kanrame]

実装にしか存在してない管理画面群、これがあれば一瞬でFigmaに揃うのでは…？！
デザイナー不在で進んでいた一部のプロダクトはFigmaのデザインが存在せず、毎回テスト環境にアクセスして機能改善に必要な部分をスクショし、Figmaに書き起こし→改善案を共有してた。
このフローから解放されそう！！

[Figma @figma]

Imagine a world where you could copy/paste websites into editable Figma layers (jk you don’t have to imagine you can do this now with our Chrome extension)

[kanro | aicocco @kanrame]

Figmaを使わずにデザインをスタートした場合、AI上には実装データとして存在していますがFigmaのデータは存在しません。
そんな時にFigmaのプラグインがあれば、編集可能な状態でFigmaにデザインを逆輸入できるのでとても助かります。実際に今日、ついさっき助かりました！！

[kanro | aicocco @kanrame]

このタイングでこのChrome拡張知って助かった！😭
これで実装←→Figma間の行き来がしやすくなったし、今作ってるものを一覧で出して！って言われても困らない。

[Figma @figma]

Imagine a world where you could copy/paste websites into editable Figma layers (jk you don’t have to imagine you can do this now with our Chrome extension)

[kanro | aicocco @kanrame]

@kgsi Vercel 使ったことなかったんですが、AIにお願いしたらアカウント作成方法の提示〜公開までやってくれました！
セキュリティ的にどうなのかはさっぱりなんですけど…😭

[kanro | aicocco @kanrame]

Claude DesignとかGoogle AntigravityでFigma使わずにウェブサイトを作ってて80%くらいまで進んだ段階でFigmaで画面一覧出して作業もそこで一緒にして欲しいと言われた場合どうしたらいいんだ…？？
Figmaで修正して、その修正内容をAIに反映させる？
めっちゃ二度手間だし時間も余計かかる気がする。

[kanro | aicocco @kanrame]

@kgsi Vercelっていうのを使ったら解決できました！！🙌

[kanro | aicocco @kanrame]

Vercelっていうのを使ったら解決できた。
Vercelで公開→Figmaプラグインでスクショ→Figmaにコピペで要望は満たせそう。

[kanro | aicocco @kanrame]

Claude DesignとかGoogle AntigravityでFigma使わずにウェブサイトを作ってて80%くらいまで進んだ段階でFigmaで画面一覧出して作業もそこで一緒にして欲しいと言われた場合どうしたらいいんだ…？？
Figmaで修正して、その修正内容をAIに反映させる？
めっちゃ二度手間だし時間も余計かかる気がする。

[kanro | aicocco @kanrame]

@kgsi ですよね、めちゃ二度手間ですよね。わたしもフィニッシュワークあたりで最後ちょっと触るくらいの想定だったんですよね。
途中の確認のやり方ないか調べてみます！

[kanro | aicocco @kanrame]

ローカルで表示してるからか、FigmaのChromeプラグインが反応しなかった🥲

[kanro | aicocco @kanrame]

Google Antigravity 少し見てない間にめっちゃ使いやすくなってる！6時間くらいウェブサイトのデザインで使いまくっていまようやく上限がきた。
Claude Fable 5である程度作ったあとは Antigravity でブラッシュアップする方がトークン的に良いかもしれない。
https://t.co/YPQI3fVnYS

[kanro | aicocco @kanrame]

要領よくないので、ひたすら手を動かし知識にしていく。AIが進化してもわたしの脳はAIみたく進化しないので、泥臭くやっていくしかない😂

[kanro | aicocco @kanrame]

POやPdMが実現したいことをプロトタイプにしてくれるようになってからこれで課題が解決するのか、ゴールを達成できるのか、もっとユーザーにとって良い形はないかを考えるステップがだいぶ前倒しになった気がする。
深く考えないとプロトタイプを清書するだけになってしまうから気を付けないとな。

[kanro | aicocco @kanrame]

プロトタイプからゴールが達成できてるか逆算したり、定義不足を見つけて本質的な課題を発見したり、プロダクトの構造も含めて提案したり、「なんでこうなっているのか」「他の解決方法はないのか」を問い続けるのが大切なのかなって思う。考えて疑ってまた考える、をひたすら繰り返してる。

[ホンダ @yuichirohonda_]

いかにもな日本風LPを、サクッと作れるAIデザインキット。
反響が大きかったので、noteで配布します。
リポストしていただくと、無料で全文お読みいただけます📖

【無料配布】いかにもな日本風LPをAIでサクッと作れるデザインキット | ホンダ @yuichirohonda_ #note https://t.co/entmfcafkE

[kanro | aicocco @kanrame]

画像をアップロードするだけで分析してくれてめっちゃ使いやすくて素敵🎉
分析結果の見出しが長めかなと感じたので、タイトルがあるとレビュー結果をより把握しやすいかも。
タイトルで何が問題か端的に示して、課題の詳細でユーザーはどう困るかを説明するとか。
けど全体的に操作感良よかった！

[きれいないのうえ@UXストラテジスト @katsuki_inoue]

弊社でヒューリスティック分析業務なども行っているのですがAIで簡易的なのできないんか・・・？となって社員がβ版を作ってくれました・・・！

精度はまだまだ改善の余地が必要だけどAIが普及することでこう言った社内でも使えるツールが気軽に作れるようになったのはすごい

https://t.co/Dm3HJE0XI3