※本レポートは、2025年9月に開催された発表内容をもとに作成されています。 はじめに はてなについて 本日の題材：はてなCMS 本日の題材：Figma to はてなCMS 課題提示 解決したかった課題 AI開発は「魔法の呪文」探しではない Case Study: Figma to はてなCMS — 私たちが乗り越えた「3つの壁」 解決へのアプローチ 課題とアプローチ：根本方針の決定 検討した選択肢と不採用の理由 結論：Agentic Workflow（AIワークフロー）の採用 解決策の心臓部：「自己評価ループ」 3つの壁へのアプローチ ①トークン数の壁：Generatorの工夫 ②品質保証の…
※本レポートは、2025年9月に開催された発表内容をもとに作成されています。 会社/サービス概要 はじめに 生成AIでUI/UXフェーズを加速させたい、が 出力形式が「単発」で終わっているとはつまり デザイナーが直面する2つのしんどさ 心理的なしんどさ：孤独→不透明→焦りの連鎖 制度的なしんどさ 2025年6月、Figmaが公式でMCPサーバー提供はじめたぞ 技術フォーカス：MCP 焦点技術＝MCP（Model Context Protocol）とは？ MCPが解決してくれそうな課題 ハンズオンの内容紹介 ハンズオンの内容と特徴 ハンズオンの開催概要 第1回／第2回：Figma × MCPで高…
「高峰ナダレ」氏のイラストシリーズ「バニースーツプランニング（BSP）」より、【figma】フィグマ「figma ソフィア・F・シャーリング 水着ver.」が、マックスファクトリーからリリース♪ 【バニースーツ プランニング】フィギュアに、 『figma ソフィア・F・シャーリング 水着ver.』がラインナップ。 表情パーツは、「微笑み顔」「ウィンク顔」「照れ顔」の全3種。 その他、「ハンドガン」「ボトル」「パレオ」「帽子」「素足」パーツ等がセット。 フィギュアのサイズは、 ノンスケールの全高：約15cm。 原型制作は「塚本智克」「前田涼輔」「マックスファクトリー）。 （※敬称略） 【限定販売…
2025年1月公開の「劇映画 孤独のグルメ」より、【figma】フィグマ「figma 井之頭五郎 松重 豊ver. リニューアル版 懐かしの定食屋セット」が、マックスファクトリーからリリース♪ 2018年発売の『figma 井之頭五郎 松重 豊ver.』がリニューアル♪ 「松重豊」氏が演じる「井之頭五郎」の表情パーツが最高ｗ 表情パーツは、「通常顔」「空腹顔」「満足顔」の全3種♪ 「ご飯」「味噌汁」「目玉焼きプレート」「ジェラート」の他、「ジオラマセット」が付属☆ フィギュアのサイズは、 ノンスケールの全高：約16.5cm。 原型制作は「SCRATCH MODELIST」「平田英明」「越沼真司…
シミュレーションRPG「ユニコーンオーバーロード（Unicorn Overlord）」より、「ヤーナ」が、マックスファクトリーから「figma」でアクションフィギュア化♪ 【ユニコーンオーバーロード】フィギュアに、 「マックスファクトリー」産『figma ヤーナ』がラインナップ♪ 表情パーツは、「通常顔」「テレ顔」「叫び顔」の全3種♪ その他「足組下半身パーツ」をはじめ、「杖」「蝙蝠」パーツ等が付属♪ フィギュアのサイズは、 ノンスケールの全高：約15cm。 原型制作は「永井聖人」「黒田真徳」（マックスファクトリー）。 （※敬称略） 【限定販売】figma『ヤーナ』ユニコーンオーバーロード 可…
スマホ向け学園×青春×物語RPG「ブルーアーカイブ -Blue Archive-」より、「小鳥遊 ホシノ（たかなし ほしの）」が、マックスファクトリーから「figma」でアクションフィギュア化♪ 【ブルアカ】フィギュアに、 「マックスファクトリー」産『figma 小鳥遊ホシノ』がラインナップ♪ 表情パーツは、「あくび顔」「焦り顔」「うへ～顔」「微笑顔」の全4種♪ オプションとして、「ショットガン」「シールド」等が付属。 フィギュアのサイズは、 ノンスケールの全高：約12.5cm。 原型制作は「内田亮」（マックスファクトリー）。 （※敬称略） 【限定販売】figma『小鳥遊ホシノ』ブルーアーカイ…
はじめに こんにちは！ プリントシール機のソフトウェア開発を担当している長谷川です。 本記事では、プリントシール機のUI実装においてFigmaを導入したことで得られたメリットや工数削減の成果について紹介していきます！ 「プリントシール機ではこんな方法でUIを作っているんだ」と知っていただけると嬉しいです。 従来のUI実装方法 これまで、UIの実装にはAdobe Photoshopで作成したデザインデータに対して座標情報データ付与し、Unity上に手作業で配置する方法を採用していました。 座標情報データとは、Unity上で各デザインデータをどの位置に配置するかを明記した情報です。以下の画像はその…
はじめまして。Insight EdgeにUI/UXデザイナーとして参画している、アマガスと申します。 今回、Insight Edge（以下、IE ）のブログを執筆するにあたり、DX化推進支援・生成AI活用の現場へUI/UXデザイナーとして参画している意義や、そこで得られた経験について綴ってみました。 なぜDX化推進支援の領域にデザイナーが必要なのか Insight Edgeにおけるデザイナーの役割 1. 体験の価値を見出し、戦略につなげる「UX」 2. 誰もが迷わず使える体験を形にする「UI」 3. 複雑な情報を直感的に伝え、その価値を高める「グラフィックデザイン」 4.制作実績の紹介 体験を…
ノーコードでWebサイトを作れるツールをずっと探していたのですが、FigmaのサービスでFigma Sitesなるものが良さそうだったので思い切ってプロプランを契約。 気になっていた機能を一通り触ってみたのでまとめました。Figma Designの機能と被る部分もあります。 Figma Sitesの概要 Figmaで作ったデザインをそのままWebサイトとして公開できるサービス。公開／非公開の制御、独自ドメイン、headタグの編集、カスタムフォント、favicon設定、JavaScriptのイベントを設定することができ、Webサイトに必要なものが揃ってそうです。デザインもテンプレートから作成でき…
デザインの中で「この写真を丸く切り抜きたい」と思ったことはありませんか？ 私は最初、外部ツールで加工して持ち込んでいたんですが、差し替えが面倒で効率が悪かったんです。 そこで活躍するのがFigmaの「マスク機能」。 まず好きな形のシェイプ（円や多角形）を描き、その上に画像を置いて両方を選択し、右クリックで「マスクを作成」を選ぶだけ。 これで簡単に切り抜きができます。プロフィール画像や商品写真を丸く見せたいときにとても便利。 さらにシェイプを編集すれば、切り抜き範囲も後から調整できます。 ただし注意点は、マスクをかけると階層構造が少し複雑になること。 レイヤーパネルで整理しておくと安心です。 外…
coliss.com
zenn.dev
speakerdeck.com
techblog.jmdc.co.jp
zenn.dev
www.figma.com
note.com
coliss.com
speakerdeck.com
