Developer Advocate @figma, Software Engineer, ex-Tech Lead of Ameba Design System Spindle, 📕@wdpress 109(CDN), GitHubの教科書, CSS3逆引きデザインレシピ he/him/his

Tokyo, JP
Joined August 2009
本日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
363
#Makeathon Tokyo にご参加いただいた皆さま、ありがとうございました! 50を超える個性豊かな作品が集まり、皆さんの多様な着想や表現から、たくさんの発見をいただきました🙌個人的にも、モチベーションがあがりました💫 ぜひ今日の体験や感想をシェアお願いします🙏 今日のイベントがこれからの制作や創作につながると嬉しいです😊
1
14
673
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
59
3,033
テーマは「デザインと開発を、もっと近くに — GitHub Copilot × Figmaで広がるものづくり」 10/21(水)の「Maker Collective: Tokyo」でデモとFigmaの原さんとの対談をお届けするので、デザイナー・エンジニアのみなさん、ぜひ! 12:00〜|会場・オンライン fig-events.figma.com/mc-toky…
1
3
4
888
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
9
765
個人的に特別気に入っているのは、Figma Chrome Extensionです。 誰でも、とても簡単に、Canvasでの探索を開始できます✨ まだ知らなかった方も、ぜひインストールしてお試しください🧑‍💻
Did you know about Figma's chrome extension? Well, now you do! And we've improved it! Press the “capture code” button to create a Code Layer on the canvas :)
3
2
35
2,745
Hara Kazunari retweeted
【Makeathon: Tokyo|審査員をご紹介!】 日本初開催のMakeathonに、Figma DAの @hiloki と @herablog に加え、豪華なゲスト審査員が集結👏 @mulberryfield @takizawave @haruruuun0405 @szkyudi 当日はどんな作品が生まれるのか、今から楽しみです!✨
5
6
31
10,432
明日10/8(木) 12-13時、Figmaの最新アップデートをオンラインでご紹介します📺👥✨ 私、 @herablog 初めて登場させていただきます!! 🙏🔰 お昼時ですが、ランチや作業の合間にぜひご参加ください🍱 @hiloki との掛け合いにもご期待ください😁 登録は以下のURLから👇 figma.bot/4cD2Vd8
【明日開催🎤|Release Notes】 最近のFigmaアップデートを、日本語でまとめてキャッチアップできる機会をお見逃しなく👀 この数週間のリリースを @hiloki と @herablog が解説します! 登録はこちら👇 figma.bot/4cD2Vd8
9
913
Hara Kazunari retweeted
「10番」に敬意を表して 🇦🇷メッシを称え前半10分に一時中断 リスペクトの拍手がスタンドを包む👏 ⚽️メッシ代表引退試合 🆚アルゼンチン vs ベナン 📺#DAZN で独占ライブ配信中
15
1,086
82
10,336
1,110,451
たくさんのご協力を経て、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
1
90
7,247
日本初!Figmaハッカソンを開催します🇯🇵💻 ハッカソンではまとまった時間が取れるので、 🧑‍🎨 普段できないことにチャレンジ 🏃‍➡️ ナレッジを業務に持ち帰る といった機会にしていただけると思います✨💫 詳細をご確認いただき、ぜひご参加ください!🙌
【目指せConfig 2027✈️ #Makeathon: Tokyo 参加受付スタート】 10/19、日本初のFigmaハッカソンを開催! Figma AIを使って、1日でどこまで作れるかチャレンジしてみませんか? 🏆最優秀賞にはConfig 2027のチケット&トラベルクーポンを贈呈します! 登録はこちら👇 figma.bot/3Tukkyf  #ハッカソン
8
3
47
5,541
Developer Advocate として Figma にジョインしました!🙌 @hiloki とともによいコンテンツを発信していきたいと思います。よろしくお願いします💫
Figma Japanに新しくDeveloper Advocateとして Kazunari Hara @herablog が入社しました🎉 これからイベントの登壇やコンテンツの発信もしていくのでぜひフォローしてください👀👀👀
8
13
3
158
12,123
Hara Kazunari retweeted
Figma Japanに新しくDeveloper Advocateとして Kazunari Hara @herablog が入社しました🎉 これからイベントの登壇やコンテンツの発信もしていくのでぜひフォローしてください👀👀👀
1
9
10
135
37,624
うれぴーーーー! メンバーと一緒にロゴ作りした!! もちろんサービス、プロダクトのみに留まらない新しいデザイナーのあり方を模索したロゴです!
サイバーエージェントでは、AI時代の新たなデザイナー像として「AIXデザイナー」を定義しました。 あわせて、AIXデザイナーに求められるスキル・役割の明確化・育成・習熟度を評価する仕組みの構築を担う専門組織「AIXデザイン室」を設立したことをお知らせいたします。 cyberagent.co.jp/news/detail…
2
21
1,733
AI時代の新たなデザイナー像として「AIXデザイナー」をリリースしました。 これからの時代に求められるサービスデザイナーの職域拡張、スキル向上、育成、評価を行っていく予定です💪
サイバーエージェントでは、AI時代の新たなデザイナー像として「AIXデザイナー」を定義しました。 あわせて、AIXデザイナーに求められるスキル・役割の明確化・育成・習熟度を評価する仕組みの構築を担う専門組織「AIXデザイン室」を設立したことをお知らせいたします。 cyberagent.co.jp/news/detail…
1
4
34
3,512
CA BASE SUMMIT 2026で弊チームから提案した「AIXデザイン室」が始動しました🙌 今は @syasuda90 と一緒にAI駆動開発のハンズオンを実施中です🤖💫 新しいデザイナー像をつくっていきます🚀
サイバーエージェントでは、AI時代の新たなデザイナー像として「AIXデザイナー」を定義しました。 あわせて、AIXデザイナーに求められるスキル・役割の明確化・育成・習熟度を評価する仕組みの構築を担う専門組織「AIXデザイン室」を設立したことをお知らせいたします。 cyberagent.co.jp/news/detail…
1
25
3,110
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
3
127
15,476
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
99
7,815
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,444