Framer Japan Community

Framerをみんなで学ぶ日本の非公式コミュニティ🇯🇵Framerのナレッジやメンバーの作品などを発信。月2,3回程勉強会🖊️初心者さんも歓迎です！(Framer公式許可済)

[Framer Japan Community @fjpcomm]

コミュニティのサイトを@framer と@splinetool で作りました🎉

クリエイティビティを高めてくれるツールをみんなでキャッチアップできるような場にしたいと思っておりFramerはその第一歩となります🔥

まずはFramer、そして最先端ツールが気になる方、職種やレベル関係なく誰でもお待ちしております🙌
Slackでの情報交換や毎週木曜日勉強会などを行なっています！

[ゆうご @suko_hakumai]

Framerと連携しやすいWebGLのビジュアルエディター、「Unicorn Studio」の勉強会を今夜21時からやります〜

みんなで楽しく簡単にWebで動くいい感じのグラフィックを作りましょう🎨

↓こんな感じのが作れます

[Framer Japan Community @fjpcomm]

https://t.co/tPFVUUak1J

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

Unicorn Studio を触ってみよう！with @suko_hakumai さん

🗓️5/14(木) 21:00~
Unicorn Studio とは、WebGL のインタラクティブなシーンをノーコードで作って Web サイトに埋め込めるツールです！

3D オブジェクトや、マウスに反応する動きなど、これまでコードを書かないと難しかった表現を、Framer や HTML に貼るだけで実現できます。

触ったことがない方ぜひお気軽にご参加ください！

https://t.co/BhVEHRtoqn

[Framer Japan Community @fjpcomm]

・レスポンシブの他ツールとの考え方の違い
・コンポーネント＆バリアント
・CMSの基本 + 最新機能
・Workshop（AIと自然言語でコードコンポーネントを作れる機能）
・多言語対応・ダークモード
・できないことや注意点

など

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】
ノーコードビルダー経験者のためのFramer入門
🗓️3/5(木) 21:00~

StudioやWebflow などノーコードビルダーでサイトを作った経験がある方が、Framer を触り始めるときに「これ先に知っておきたかった！」となるポイントをデモ中心でお伝えします！

https://t.co/RkVgVP4Hwu

[DELIGHT | Ikumi Morita @webdesign_im]

テキストの色や配置まで一瞬で変えられる！CMS追加も！とても勉強になりました😊アーカイブ必見！！！

[Fumito Kikuchi @abf_re]

こんなかんじでClaude CodeでCMSのステータス変更や公開スケジュールしたり、まとめてCSVでアップサートしたり（定期ジョブも）、コンテンツを操作したりできます🙌

[Framer Japan Community @fjpcomm]

最近アップデートで追加された"Framer Server API"についても、2/26(木)21:00-の勉強会でFramerのKikuchiさん(@abf_re)に教えていただけることになりました🙌

こちらはFramerを開かなくてもCMSを操作したり、サイトを更新できるものになります。
https://t.co/pe4VQOgQ7F

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

🗓️2/26(木) 21:00-

Framer MCPを触ってみよう！with @oka_yu148 さん

Framer MCP とは、AI エディタ（Cursor など）から Framer のデザインを直接操作できる仕組みです！

0からのページ作成、カラーやテキストのアセット管理、コピー改善の一括反映など、ノーコード × AI の新しい制作体験を一緒に試してみましょう。

Cursor の無料プランで誰でもすぐに始められるので、気軽にご参加ください！

[Framer Japan Community @fjpcomm]

🔗 参加方法

下記のURLからコミュニティにご参加ください！🚀https://t.co/6NRpSuKOi5

皆さまのご参加をお待ちしています！

https://t.co/xJnEud9IDP

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

🗓️2/26(木) 21:00-

Framer MCPを触ってみよう！with @oka_yu148 さん

Framer MCP とは、AI エディタ（Cursor など）から Framer のデザインを直接操作できる仕組みです！

0からのページ作成、カラーやテキストのアセット管理、コピー改善の一括反映など、ノーコード × AI の新しい制作体験を一緒に試してみましょう。

Cursor の無料プランで誰でもすぐに始められるので、気軽にご参加ください！

[おかゆ | Startup × Design @oka_yu148]

FramerのMCPを触ってみました！
0からの作成も更新もできるし、カラーやテキストなどのアセット管理もやってくれるのが便利すぎました....！！

【できること例👇 】
・カラー・テキストなどのアセット登録しながら0-1生成時
・Figma to FramerやHTML to Framerで移したデザインにアセットを一括設定
・LP全体のコピー改善→反映まで一気に
・アセットを参照して要素を生成
・コードコンポーネントを作ってページの最後に挿入

動画では、blogを作ってもらって最後テキストスタイルも登録されていることが確認できました🙌

[Framer Japan Community @fjpcomm]

添付動画のようなものが作れるみたいです！

コンポーネントについてはこちらで紹介されています👇
https://t.co/7CXwFylKgu

🔗 参加方法
コミニティのSlackに参加と自己紹介をお願いしております！
https://t.co/XWFnm54qe3

[Emanuele @emanuelecodes]

🚨 Wanna make super cool animations in @framer for FREE? 🚨

@FAME_tsx is the most advanced animation component for Framer, allowing you to make all sorts of animations inside Framer, via the UI, not having to write a single line of code. And I'm releasing it for everyone to use, for free.

This took me months to develop, but you can get it just by commenting on this post, following me, and reposting. I’ll send it to everyone within 24 hours.

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

🗓️2/5 (木) 21:00~
FAMEを使って高度なスクロールアニメーションを作る会！with @suko_hakumai さん

FAMEとは、Framer上で高度なスクロールアニメーションがノーコードで作れるコンポーネントです。

一緒に実際に使ってみましょう！

https://t.co/1Q9RyTZvw3

[Framer Japan Community @fjpcomm]

Framerの基礎が日本語で学べるようになります👏
どんどん日本語コンテンツも増えていきそうで楽しみです✨

[Framer Japan @framerjapan]

「Framerの基礎」シリーズの前半1~3を公開しました📖

制作から公開までのFramerの基本を学べるFramer Academyの翻訳コンテンツを配信していきます。

1. はじめてのFramer
2. レイアウトの基礎
3. コンテンツの追加
4. レイヤープロパティとスタイル設定
5. レスポンシブの基礎
6. はじめての公開

👇 記事リンクはこちら #Framer #Web制作 #チュートリアル

[Framer Japan Community @fjpcomm]

Framer Japan公式アカウントが爆誕しています👏
今後が楽しみですね🎉

[Framer Japan @framerjapan]

2025年は最後までアクセル全開でした。⚡️

昨年10月からのFramerの進化を記事にまとめました。👇
https://t.co/YglsVY7lq3

メイソンリーレイアウト、多言語パス、CMS改善、サイト高速化、API強化、ステージングなど、高度なWebサイトの制作効率を向上させる新機能満載！

#Framer #Web制作

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

🗓️ 12/26(金) 21:00~
アニメーション作成ツール「Jitter」をみんなで触ってみる会💡

Fgiamにタイムラインがついたような操作感でアニメーションが作れるWebツールで、After Effectsは難しい…という方でも、直感的にアニメーション制作を始められます！
サービス紹介動画、SNS用動画、Webサイト内のアニメーションなど、動きのあるアセットが欲しくなる場面で自分で作れるようになります。

初めての方も大歓迎！一緒に手を動かしながら学びましょう！

https://t.co/j7jXuZfH2F

[塚本 賢志 / Kenshi Tsukamoto @dezainaz_ceo]

Gemini3 → Framer
１日でこのクオリティ出せるのやばい。。。

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】
延期となっていた「トムさんの写真ポートフォリオを作ろう」勉強会の新しい開催日が決まりましたので、お知らせします！

🗓️ 11/25(火) 21:00~
トム・イシカワの写真ポートフォリオを作ろう！

トムさん(@tomonorix0805 )がはじめてのFramerを使いながら、写真ポートフォリオを作ります！
主にFramerに詳しい @suko_hakumai さんがサポートします✨

同じようにFramer初めてだけど触ってみたい方、ポートフォリオを作ってみたい方などぜひ見にきてください！ 詳しくはこちらから👇

https://t.co/4KMXZNptuS

[Framer Japan Community @fjpcomm]

【勉強会延期のお知らせ】
本日開催予定だったトムさんの写真ポートフォリオを作ろうの勉強会ですが、延期となります🙏
(楽しみにしてくださっていた方、申し訳ございません...！)

新しい日程が決まり次第、改めてお知らせしますのでよろしくお願いいたします！

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

🗓️ 11/13 (木) 21:00~
トム・イシカワの写真ポートフォリオを作ろう！

トムさん( @tomonorix0805 )がはじめてのFramerを使いながら、写真ポートフォリオを作ります！
主にFramerに詳しい @suko_hakumai さんがサポートします✨

同じようにFramer初めてだけど触ってみたい方、ポートフォリオを作ってみたい方などぜひ見にきてください！

詳しくはこちらから👇
https://t.co/iRhUypwuTT

[山下 侑一郎 @YUICHIRO_Ya]

遅ればせながら、こちらのアーカイブ視聴しました！

WebflowからFramerに移行されたお話は初めてだったので、とても参考になりました！ あと、私も昔AdSenseやってたので、ちょっと懐かしかったです。

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

🗓️ 11/13 (木) 21:00~
トム・イシカワの写真ポートフォリオを作ろう！

トムさん( @tomonorix0805 )がはじめてのFramerを使いながら、写真ポートフォリオを作ります！
主にFramerに詳しい @suko_hakumai さんがサポートします✨

同じようにFramer初めてだけど触ってみたい方、ポートフォリオを作ってみたい方などぜひ見にきてください！

詳しくはこちらから👇
https://t.co/iRhUypwuTT