まさとし | Design Engineer

Digital Craftsman ( Software Engineer / Design Engineer / Designer )

coffeeが大好き | 苔を眺めるのが好き

[まさとし | Design Engineer @otoshimtoshi]

大局将棋やりたい

[癒色えも(イシキ•エモ) @ishiki_emo]

わたし「大局将棋って知ってる？」
Claude Fable 5「しってる。36x36コマ盤面の消費っしょ？」
わたし「観戦するだけのデモ作って。速さとか強さとか変えられるようなの」
Claude Fable 5「おかのした」

Max 5で5時間制限20％くらい。

[まさとし | Design Engineer @otoshimtoshi]

これは凄い...
html to design(canvas？)やclaude codeと連携してデザインファイルに取り込むなんてことをしないで済む

[❖ ken｜旅するデザイナー @ken_tbdz]

Webサイトを最速でFigmaに取り込む方法見つけた。

Figmaの公式Chrome拡張機能を使って、キャプチャするだけ。

Claude Codeとの連携も、定番の html to design のプラグインも不要。

ページ全体はもちろん、要素単位でも取り込めます。
レイヤーとして取り込めてもちろん編集も可。しかも速い。

[さんちゃん @shoya_santanda]

https://t.co/Og2JcqEHoU

[まさとし | Design Engineer @otoshimtoshi]

Design is Dead.っていうユーモア

デザインは生活のあらゆる場所に存在してるので、手法が変わったとて、無くなることはない

[まさとし | Design Engineer @otoshimtoshi]

スクロールした時の過剰な遅延より込みがなくて素敵

[iDID | アイディ・アイディ / 世界中のクリエイターをつなげるコミュニティプラットフォーム @iDID_team]

#今日のブクマ💻

🔸コードそのものがデザイン。
ニンテンドーシステムズのコーポレートサイト。

ソースコードの中に会社名を配置した演出や、カーソルの演出など 、任天堂とDeNAの娯楽を支えるエンジニアリング会社らしくて素敵。 🔸

https://t.co/JKYXv44QVo

[まさとし | Design Engineer @otoshimtoshi]

さすが、MAID IN JAPAN

[あいひん @BABYLONBU5TER]

無添加・安全へのこだわりで知られる「シャボン玉石けん」が開発した「石けん系消火剤」は、合成系消火剤に比べ、消火後の土壌や植物への影響が非常に少なく、一般住宅火災では、水の使用量を従来の約1/17に削減。

世界的に深刻化する山火事や森林火災への対策として、海外からも注目を集めている。

[まさとし | Design Engineer @otoshimtoshi]

公式記事
https://t.co/dUGkLobIVi

[まさとし | Design Engineer @otoshimtoshi]

「Figma Design Agent」かなり嬉しい

現状はアーリーアクセスの人だけみたいだけど、一般に使えるようになったらデザインファイル内で完結できる可能性が広がりそう。

[こぎそ @kgsi]

「Figma Design Agent」の発表、かなり大きいアップデートだ👀

AIでデザイン案を生成する...というより、Figmaのキャンバス上で、選択中のレイヤー、ライブラリ、コンポーネント、トークンを文脈にしながら作業できるエージェントが入る、という話。
外部エージェントからFigmaに書き込むMCPとは役割が違っていて、こちらはFigma内で探索、地味な一括編集、フィードバック整理までやる相棒に近い。

個人的には「デザインシステムの要素を、ショートカットコマンドのように呼び出せる」というのが気になった。AI時代のデザインシステムは、従来のルール遵守以上に、エージェントが文脈を理解するための操作可能な知識になってく...という感覚がある。

[まさとし | Design Engineer @otoshimtoshi]

最近届いたクリエイティブジャーナリング「ゆるっとジャーナル」って言葉が良いよね。読みやすかった。

2025年9月から始めて、8ヶ月くらい。
ゆるっとやってるからこそ続けられている
@OsamuSugiyama
@osamusugiyama0122
#クリエイティブジャーナリング

[まさとし | Design Engineer @otoshimtoshi]

デジタルアドレスっていう考えがあるらしい。
郵便番号ではなく、英数字7桁で住所が分かる(番地以降も分かるみたい)らしい

[KMiura @k_miura_io]

「公式」でAPIで郵便番号を取れる！
これはアツい
https://t.co/nV0wYF6OE2

[まさとし | Design Engineer @otoshimtoshi]

予約していた本が届いてた(忘れた頃に届いてちょっと嬉しい

クリエイティブジャーナリング
ノートではじめる自己理解とアイデア創出

#測量野帳　#クリエイティブジャーナリング

[まさとし | Design Engineer @otoshimtoshi]

ジャーナリングの本が出るそうなので予約した
カスタム野帳も早くも3冊目.
AI時代にデジタルな物から、敢えてアナログをやることも大切にしたい

クリエイティブジャーナリング ノートではじめる自己理解とアイデア創出 https://t.co/MUO48VWxEC

#ジャーナリング　#測量野帳

[まさとし | Design Engineer @otoshimtoshi]

確かに作り過ぎて、リッチになり過ぎて、逆に使いづらくなる可能性は大いに有り得ると思う...

UIデザインは「作る」よりも、「削除する」ほうが難しくなりそう｜アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone https://t.co/PA9LYPUK2j

[jhey ʕ•ᴥ•ʔ @jh3yy]

3D split-flap display ✈️

[まさとし | Design Engineer @otoshimtoshi]

キャンバス書き込み機能のuse_figmaはRemoteOnlyみたい
デスクトップアプリを起動してローカルホストから接続する場合は利用できないから、今のうちにRemoteに切り替えしておいた方が良さそう

[吉岡 裕貴 @yoppy0123]

Figma公式MCPサーバーのキャンバス書き込み機能（use_figmaツール）がベータ公開されました。公式スキル（figma-use）と組み合わせて使うことが推奨されています。現在は無料ですが、将来的に有料化予定とのことです。インストール方法はこちらが分かりやすかったです！
https://t.co/TUTzjczMUO

[まさとし | Design Engineer @otoshimtoshi]

コントラストの検証に明日以降使おう

UIに使用する色のコントラストをAIで検証、基準を満たしていないときはデザインに合った代替色を提案してくれる無料ツール | コリス https://t.co/YEsLUW77Lc

[まさとし | Design Engineer @otoshimtoshi]

定期

[まさとし | Design Engineer @otoshimtoshi]

Figma MCPを利用して、Cardコンポーネント内のSlotsの中が参照できないかも...？

node_id invalidだから、idが見つからないってなるな...一意っぽいidは割り当てられてるんだけどな

#figma #mcp

[TAK @tak_dcxi]

こういうホバーエフェクトでは text-shadow が役立つ

[Stitch by Google @stitchbygoogle]

Meet the new Stitch, your vibe design partner.

Here are 5 major upgrades to help you create, iterate and collaborate:
🎨 AI-Native Canvas
🧠 Smarter Design Agent
🎙️ Voice
⚡️ Instant Prototypes
📐 Design Systems and DESIGN.md

Rolling out now. Details and product walkthrough video in 🧵

[まさとし | Design Engineer @otoshimtoshi]

/4で見出し4になるんだ😳

[Notion Japan 🇯🇵 @NotionJP]

見出し4 がついに登場！ 😤

「とりあえず太字でごまかす」時代、これで終了。