[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

672users がブックマーク コメント 29

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

社内デザインシステムをMCPサーバー化したらUI実装が爆速になった

672 users zenn.dev/ubie_dev

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント29

  • 注目コメント
  • 新着コメント
tokuniimihanai
MCPサーバーの実装を全く書いておらず何故うまく行ったのかもよくわからないのでモヤモヤする。まあ事例報告レベルの話か

その他
repon
figmaのAPIを叩いていないのなら、要は「絵」で行けるから、すべてのデザインに有効かも。「絵」に修正加えたら、一から読ませればいいし。人間には地獄でも、AIは淡々とやるから/ `<div>`だらけってことは無いよね?

その他
shingo-sasaki-0529
どういうツール定義してどんなデータ返してるのかが知りたい。あとどこでサーバー動かしてるのか。

その他
oinume
デザインシステムがMCPサーバーを用意してくれるとこういうことができるのか。具体的にどういうデータを返してるんだろう

その他
syu-m-5151
とても良い活用方法だわね⋯

その他
phare
"MCP サーバー化によって、デザインシステムの資産価値が飛躍的に高まった感覚があります。今後もデザインシステムと AI の融合による開発効率化を推進"

その他
giass
mcp

その他
misshiki
"Ubie Vitals というデザインシステムを MCP サーバー化することで、UI 開発の速度と精度が劇的に向上した体験を共有"

その他
stealthinu
最近MCP使ってデザイン系のこと生成させるのよく出てるが、Excelとかオフィス系のことをうまくやれるようになったらもっとインパクトあるのになあ...

その他
ST0RM
ユビーだからGoogle cloudでの実装だろうぁ。Azure使うより筋が良い

その他
hirorinya
来週言う

その他
zou_crypto
実装の具体的な方法をおちえて。。

その他
michael-unltd
"「Ubie UI MCP」は、 Ubie UI のコンポーネント情報 デザイントークン(文字サイズ、色など) アイコン情報 などを AI に提供します。MCP サーバー化したことで精度が飛躍的に向上し、UI 実装が驚くほど効率化されました。"

その他
udddbbbu
いいなー いまいちMCPサーバの構築方法がよくわからんのよねー

その他
prjpn
Figmaからのコーティングは色々ある。要するにdivだらけになるかどうかなの。そこだけ。

その他
shingo-sasaki-0529
shingo-sasaki-0529 どういうツール定義してどんなデータ返してるのかが知りたい。あとどこでサーバー動かしてるのか。

2025年04月05日 リンク

その他
tokuniimihanai
tokuniimihanai MCPサーバーの実装を全く書いておらず何故うまく行ったのかもよくわからないのでモヤモヤする。まあ事例報告レベルの話か

2025年04月05日 リンク

その他
himanahitodesukun
コメントみるとみんな何やってるのかよくわかってなさそうw

その他
takezaki
色々と応用できそうな話だな

その他
strawberryhunter
よくわからん。デザインシステムがあればFigmaの絵を用意する必要が無いんじゃないのか?それは本当にデザインシステムか?

その他
manimoto
デザイナーがコンポーネントを更新するとフロントエンドエンジニアが記述したロジックをまっさらにするなど起きそう。そこから類推するとReact等で起こった見た目とロジックの融合が逆回転する可能性ありそう

その他
yoiIT
FigmaとcursorとかGitHub copilotの連携だけで近しいことがMCP無しでもできると思うんだけど、どのくらい精度とスピードが上がるかは試したいな。

その他
FreeCatWork
すごい!爆速にゃ!みんなハッピーにゃ! ボク、おやつたくさんもらえるかなにゃ?

その他
mk173
「こんな感じでよろしく」が実現するのか

その他
mr_mayama
デザインシステムの精度を上げるのに便利そう。

その他
Phenomenon
ごいすー

その他
kfly8
良さそう。

その他
repon
repon figmaのAPIを叩いていないのなら、要は「絵」で行けるから、すべてのデザインに有効かも。「絵」に修正加えたら、一から読ませればいいし。人間には地獄でも、AIは淡々とやるから/ `<div>`だらけってことは無いよね?

2025年04月05日 リンク

その他
kvx
こうなるよね

その他
oinume
oinume デザインシステムがMCPサーバーを用意してくれるとこういうことができるのか。具体的にどういうデータを返してるんだろう

2025年04月05日 リンク

その他
hiroomi
ふと見て、M365の管理コンソール内のアイテムでMCPしてもらってもよさそうね。

その他
crimson_diamond
ChatGPTプラグインに費やしてきた時間が笑

その他
phare
phare "MCP サーバー化によって、デザインシステムの資産価値が飛躍的に高まった感覚があります。今後もデザインシステムと AI の融合による開発効率化を推進"

2025年04月05日 リンク

その他
syu-m-5151
syu-m-5151 とても良い活用方法だわね⋯

2025年04月05日 リンク

その他
satosssi
これはすごい

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「社内デザインシス...」が注目されています。

気持ちをシェアしよう

ツイートする

社内デザインシステムをMCPサーバー化したらUI実装が爆速になった

はじめに こんにちは、普段 Ubie で症状検索エンジンユビー(https://ubie.app/)の開発をしている江崎で... はじめに こんにちは、普段 Ubie で症状検索エンジンユビー(https://ubie.app/)の開発をしている江崎です。 最近、Cursor エディタや GitHub Copilot などのコーディングアシスタントツールが進化し続けていますが、社内固有のデザインシステムとの連携はまだまだ課題が残っていました。そこで社内エンジニアである sosuke とともに、Ubie Vitals というデザインシステムを MCP サーバー化することで、UI 開発の速度と精度が劇的に向上した体験を共有します。 目次 デザインシステムと開発の現状課題 MCP サーバーの登場 Ubie UI MCP の構築 デモ テキストだけで UI 実装が可能に デザイナーの壁打ち相手としての可能性 今後の展望 デザインシステムと開発の現状課題 Ubie では「Ubie Vitals」というデザインシステムに則って

ブックマークしたユーザー

  • roogh5eeSha62025年10月12日 roogh5eeSha6
  • techtech05212025年08月29日 techtech0521
  • webnoshiori2025年08月18日 webnoshiori
  • dnskimox2025年06月27日 dnskimox
  • kappa-kappakun2025年06月09日 kappa-kappakun
  • snogami2025年06月02日 snogami
  • kawasin732025年05月21日 kawasin73
  • heatman2025年05月05日 heatman
  • yuhei_kagaya2025年05月03日 yuhei_kagaya
  • sukkuuuuu2025年04月30日 sukkuuuuu
  • kabukisan2025年04月30日 kabukisan
  • knj29182025年04月29日 knj2918
  • kaznishi12462025年04月27日 kaznishi1246
  • tuki09182025年04月21日 tuki0918
  • msh5142025年04月19日 msh514
  • mojakkun2025年04月18日 mojakkun
  • knowlbee2025年04月17日 knowlbee
  • ayoshh2025年04月17日 ayoshh
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /