Developer Advocate @figma, Software Engineer, ex-Tech Lead of Ameba Design System Spindle, 📕@wdpress 109(CDN), GitHubの教科書, CSS3逆引きデザインレシピ he/him/his
Tokyo, JP
- Tweets 2,242
- Following 635
- Followers 1,700
- Likes 5,668
本日18時です！今からのオンライン参加もお待ちしております！
fig-events.figma.com/mc-toky…
Code Layers, Specs, デザインシステム関連の新機能など @hiroki と @herablog からご紹介させていただきます！
【本日18:00スタート！Maker Collective Tokyo】
心配していた雨も降らず、芝生でのネットワーキングも楽しめそうです🌿☕️
会場は乃木坂駅から徒歩約6分！写真の場所が入り口です。皆さまのご来場をお待ちしています！
オンラインでもご視聴いただけます！
fig-events.figma.com/mc-toky…
4
682
#Makeathon Tokyo にご参加いただいた皆さま、ありがとうございました！
50を超える個性豊かな作品が集まり、皆さんの多様な着想や表現から、たくさんの発見をいただきました🙌個人的にも、モチベーションがあがりました💫
ぜひ今日の体験や感想をシェアお願いします🙏
今日のイベントがこれからの制作や創作につながると嬉しいです😊
1
15
801
Hara Kazunari retweeted
来週水曜日、Figma Maker Collective Tokyoで登壇します😌
最近つくっているアプリやその制作過程を通して、純粋に作ることの楽しさに立ち返り、もっと気軽にいろいろ作ってみよう、という話をしようと思います😌
昨年好評だったFigma Make Cafeに続き、今年は2日間Maker Collective Tokyoとしてイベントを開催します🌈
☘️10/20：Figma Update NightとしてFigma最新アップデート＆Code Layers Deep Diveもやります🙌
🍀10/21：GitHub様ほか多彩な登壇者によるCustomer Stories Day
広々とした芝生のある会場でお待ちしています！詳細はNoteでご覧ください
イベント参加はこちら👇
fig-events.figma.com/mc-toky…
4
62
3,364
Hara Kazunari retweeted
テーマは「デザインと開発を、もっと近くに — GitHub Copilot × Figmaで広がるものづくり」
10/21(水)の「Maker Collective: Tokyo」でデモとFigmaの原さんとの対談をお届けするので、デザイナー・エンジニアのみなさん、ぜひ！
12:00〜｜会場・オンライン
fig-events.figma.com/mc-toky…
1
4
7
1,030
10/20（火）・21（水）に「MAKER COLLECTIVE TOKYO」を開催します 🧑💻✨
Figmaの新機能から、デザインと開発のこれからまで。たくさん語り合える2日間です！
私は1日目に「Code Layers」のデモ、2日目にGitHubの @moulongzhang さんとのコラボセッションさせていただきます🤝
ぜひご参加ください🙏✨
1️⃣ Config India 🇮🇳 で発表された新機能を中心に @hiloki によるKeynote！
🗓️ 10/20 (火) 18時 @ SHARE GREEN MINAMI AOYAMA & Online
fig-events.figma.com/mc-toky…
2️⃣ ゲストスピーカーによるセッション🎨
様々な視点からデザインやチームでの開発について語っていただきます💭
🗓️ 10/21 (水) 10時 @ SHARE GREEN MINAMI AOYAMA & 一部Online
fig-events.figma.com/mc-toky…
2
10
843
Hara Kazunari retweeted
【Makeathon: Tokyo｜審査員をご紹介！】
日本初開催のMakeathonに、Figma DAの @hiloki と @herablog に加え、豪華なゲスト審査員が集結👏
@mulberryfield @takizawave @haruruuun0405 @szkyudi
当日はどんな作品が生まれるのか、今から楽しみです！✨
5
31
11,156
明日10/8(木) 12-13時、Figmaの最新アップデートをオンラインでご紹介します📺👥✨
私、 @herablog 初めて登場させていただきます!! 🙏🔰
お昼時ですが、ランチや作業の合間にぜひご参加ください🍱
@hiloki との掛け合いにもご期待ください😁
登録は以下のURLから👇
figma.bot/4cD2Vd8
【明日開催🎤｜Release Notes】
最近のFigmaアップデートを、日本語でまとめてキャッチアップできる機会をお見逃しなく👀
この数週間のリリースを @hiloki と @herablog が解説します！
登録はこちら👇
figma.bot/4cD2Vd8
9
945
Hara Kazunari retweeted
「10番」に敬意を表して
🇦🇷メッシを称え前半10分に一時中断
リスペクトの拍手がスタンドを包む👏
⚽️メッシ代表引退試合
🆚アルゼンチン vs ベナン
📺#DAZN で独占ライブ配信中
15
1,082
10,324
1,112,876
たくさんのご協力を経て、Figma Agentが正式リリースされました🙌
日々の業務のアシストにご活用ください🤝
利用時のポイントをいくつかご紹介します:
✅ Design Systemの使い方や判断ルールをGuidelinesに追加し、Agentが迷わないようにする
ライブラリのcomponentだけでは判断しづらいルールやアンチパターンなどを追加でき、Agentがよりチームの意図に沿って作業しやすくなります
詳細: help.figma.com/hc/en-us/arti…
✅ Figma内のデータをコンテキストとして活用する
FigJamの付箋、Figma Slidesの文章、Figma DesignのフレームなどをAgentがFigma内から探してcanvasに挿入できます
✅ MultiplayerでAgentの作業状況をチームで把握する
チームメンバーが動かしているAgentの作業をcanvas上でfollowでき、進行中の作業をチームで把握しやすくなります
✅ 繰り返す作業はSkillsに
よく行うワークフローをSkillとして再利用できます。Figma Communityで公開したり、公開されているSkillsを利用することもできます
---
また、いくつかのユースケースも紹介されています:
Uber:
- Design System運用のSkillsを自作し、component anatomyの可視化、colorをDesign Tokenにマッピング、ハードコード値の検出
- dev-readyなdocumentation作成を効率化
Granola:
- meeting notes / transcriptから、フィードバックをFigmaのannotationとしてcanvasに配置
- Figma Chrome extensionで既存プロダクトの画面をcanvasに取り込み、component libraryとの接続整理やボタンコピーの案出しをAgentに依頼する
Atlassian:
- motionを再利用可能なcomponentとしてDesign Systemに登録し、必要なanimated illustrationをライブラリから選んで画面に組み込める仕組みに
- カスタムが必要な場合はAgentでeasing / durationを調整しながら、Atlassian Design SystemのVariablesを使ったmotionを作れるように
詳細は以下の記事をご覧いただけます💁
figma.com/blog/3-ways-produc…
Today, the Figma agent moves out of beta with a number of improvements, including output quality. The new agent is better at following instructions and handling longer-running tasks. It wins in ~60%+ of our human-graded evals with professional designers.
9
90
7,322
日本初！Figmaハッカソンを開催します🇯🇵💻
ハッカソンではまとまった時間が取れるので、
🧑🎨 普段できないことにチャレンジ
🏃➡️ ナレッジを業務に持ち帰る
といった機会にしていただけると思います✨💫
詳細をご確認いただき、ぜひご参加ください！🙌
【目指せConfig 2027✈️ #Makeathon: Tokyo 参加受付スタート】
10/19、日本初のFigmaハッカソンを開催！
Figma AIを使って、1日でどこまで作れるかチャレンジしてみませんか？
🏆最優秀賞にはConfig 2027のチケット＆トラベルクーポンを贈呈します！
登録はこちら👇
figma.bot/3Tukkyf #ハッカソン
8
47
5,569
Hara Kazunari retweeted
Figma Japanに新しくDeveloper Advocateとして Kazunari Hara @herablog が入社しました🎉
これからイベントの登壇やコンテンツの発信もしていくのでぜひフォローしてください👀👀👀
1
9
135
37,763
Hara Kazunari retweeted
うれぴーーーー！
メンバーと一緒にロゴ作りした！！
もちろんサービス、プロダクトのみに留まらない新しいデザイナーのあり方を模索したロゴです！
サイバーエージェントでは、AI時代の新たなデザイナー像として「AIXデザイナー」を定義しました。
あわせて、AIXデザイナーに求められるスキル・役割の明確化・育成・習熟度を評価する仕組みの構築を担う専門組織「AIXデザイン室」を設立したことをお知らせいたします。
cyberagent.co.jp/news/detail…
2
21
1,762
Hara Kazunari retweeted
AI時代の新たなデザイナー像として「AIXデザイナー」をリリースしました。
これからの時代に求められるサービスデザイナーの職域拡張、スキル向上、育成、評価を行っていく予定です💪
サイバーエージェントでは、AI時代の新たなデザイナー像として「AIXデザイナー」を定義しました。
あわせて、AIXデザイナーに求められるスキル・役割の明確化・育成・習熟度を評価する仕組みの構築を担う専門組織「AIXデザイン室」を設立したことをお知らせいたします。
cyberagent.co.jp/news/detail…
1
4
34
3,524
CA BASE SUMMIT 2026で弊チームから提案した「AIXデザイン室」が始動しました🙌
今は @syasuda90 と一緒にAI駆動開発のハンズオンを実施中です🤖💫
新しいデザイナー像をつくっていきます🚀
サイバーエージェントでは、AI時代の新たなデザイナー像として「AIXデザイナー」を定義しました。
あわせて、AIXデザイナーに求められるスキル・役割の明確化・育成・習熟度を評価する仕組みの構築を担う専門組織「AIXデザイン室」を設立したことをお知らせいたします。
cyberagent.co.jp/news/detail…
1
25
3,119
Hara Kazunari retweeted
「AI時代の全社課題に技術で応える『CA BASE SUMMIT 2026』開催レポート」
エンジニア・クリエイターが中心となり参加する、技術者版「あした会議」の「CA BASE SUMMIT」を今年も開催しました。代表 山内が審査員を務めた当日の様子や、決議案について詳しくご紹介します。
cyberagent.co.jp/way/list/de…
2
14
10,069
Hara Kazunari retweeted
Offload tedious browser debugging to AI agents!
Here's how CyberAgent streamlined Storybook testing:
🔍 Inspected real browser state with DevTools MCP
🛠️ Applied code fixes automatically
📈 Verified 100% audit coverage across 32 components
Read the case study → goo.gle/4fTVM94
9
10
126
15,488
Hara Kazunari retweeted
We've published initial security guidance for developers building agents that use WebMCP. We're working on building a secure infrastructure for the agentic web, and this is just the beginning → goo.gle/4gcp6JH
2
16
98
7,822
Hara Kazunari retweeted
Hunting down elusive runtime errors by hand is a massive time sink → goo.gle/4ww17L8
@ca_developers resolved this bottleneck for their Ameba blogging platform by replacing manual debugging with Chrome DevTools for agents. By integrating these tools, they built a reliable, fully automated testing flow that eliminates manual overhead entirely.
#GoogleIO
2
4
30
5,448