みやま あい｜Studio×Figma｜福岡のWebデザイナー

Studio対応実績50件超｜Studio実装の学びをシェア📝｜Studio Showcase掲載実績あり｜Web制作×オンライン秘書｜StudioとFigmaが好き｜在宅ワーク歴4年目💻｜元医療職🏥 ｜たまにイラスト描いてます🎨

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@shojidesign1201 しょーじさん✨
こ、ここは、、、！富良野じゃないですか🥹💓💓💓
富良野と美瑛、北海道で大好きな場所です🥹🫶🏻

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@hal_webdesign はるのさんも🥰🥰
Codexの相棒感、すごいですよね😎🤝🏻💕💕
まだまだ改良中なんですが、今日から作業ログ取ってもらってるので、正確な時給が換算できそうです🤣⏰(ちょっと怖い、、笑)
はるのさんの活用法もまた教えてください🥹🌟
9月が楽しみすぎます😍💖

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

Codexと一緒に、自分専用の「AI秘書室」を作ってみました🙌🌈

複数の仕事を並行していると、

「今日、何からやろう？」
「この案件、次は何待ちだっけ？」
「今月の請求対象ってどれだっけ？」

みたいなことが増えてきたので、仕事の管理そのものを仕組み化することに。

ポイントは、最初からツールを作り始めず、Codexに今の働き方と困りごとを全部ヒアリングしてもらったこと👂✨

そこから業務フローを整理して、Notionに「AI秘書室」を構築。
案件の現在地やネクストアクション、タスク、返信待ち、定型業務、請求・入金などをまとめて管理できるようにしました。

そして、秘書室の受付窓口はCodex側に。
新しい依頼が来たら、とりあえずCodexの受付窓口に投げる。
必要な情報を整理して、Notionの秘書室に反映してもらう流れです。

さらに、Googleカレンダー → Apps Script → Discordも連携。
仕事の準備や打刻、進捗確認、月次業務、請求期限なども自動通知🔔

今のところ、

・Codex → 受付・相談
・Notion → 仕事の司令塔
・Googleカレンダー → 予定
・Discord → 通知

という役割分担です。

AIに仕事をやってもらうだけじゃなく、
「自分の仕事が抜け漏れなく回る仕組み」そのものをAIと一緒に作れるのが面白い…！

まだ改善中ですが、かなり便利になりそうな予感です・・・！❤️‍🔥

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@mama_ran_ あいさんGPT有料ですか？👀
であれば絶対Codex使った方が良いです！！！
また話しましょう😎💓

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@Tomoki_sbt 😏
🥋

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@mami__design まーみんさんも絶対できます😂❤️‍🔥❤️‍🔥
でも、私も最初はかなりハードル高かったので、そのハードルを低くするお話はできるかもです、、！
ぜひ今度お話しましょ〜♡

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@soyokaze_design よっしーさんのClaude活用の方が絶対すごいです🤣👏🏻✨✨
来月の勉強会めちゃめちゃ楽しみにしてて、早々にカレンダーに登録しましたよ📅💕
AI秘書室は育てている最中なのですが、また皆さんに共有できそうなことあればハンズオン会などでお話できれば幸いです🌟

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@mai_no_design まいさん、とんでもないです！
絶対まいさんのほうが使いこなしてます🤣🙌🏻❣️
抜け漏れを気にすることに取られてたリソースを他のことに使いたいなと思いまして！❤️‍🔥❤️‍🔥

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@Tomoki_sbt いや、ともきさんの背中を追いかけてるだけっす🤣🙌🏻🌈
師匠の足元にも及びません🙂‍↕️✨
アプリ作ったりはまだできないですが、自分の右腕を育て中です🌱✨

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@Tomoki_sbt ありがとうございます！！✨
お役に立てるようがんばります🫡🔥🔥

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

ココナラで出品したサービスが購入されました！
「Studio操作をマンツーマンで教えます 制作実績20件超・Showcaseデザイナーによるレクチャー」
#ココナラ
https://t.co/c3D9p4QD5S

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@mama_ran_ @ran___0917 @hal_webdesign あいさん、蘭さん、ありがとうございました🫶
毎度ながらのマシンガントーク🤭ｗ
お二人と話すことで、今後の方向性も改めて整理できました✊💕
次回ははるのさん来福、たのしみすぎです♪
もつ鍋〜🍲🍻

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

【StudioでNoto Serif JPの文字詰めが上手くいかない・・・！？そんなときの対処法】

これ、実際の案件で私が直面した事件簿です＞＜

Figmaでのデザイン制作時、Noto Serif JPの文字詰め設定をオンにしていました。

そして、いざStudioで実装。

Studio上で「文字詰め有」の設定にしたところ、
なんと「」や、などの記号まわりが上手く詰まってくれない！！！💦
イコール、Studio上でFigmaのデザイン通りの見た目にならない・・・😭

いろいろ調べた結果、どうやらNoto Serif JPはWebフォントや一部の環境では、プロポーショナルメトリクスがうまく効かないことがあるようで・・・😱😱😱

「どうしても無理ならフォントを変更するしかないか・・・」と覚悟しつつ、
最後に1つだけ試してみよう！と思いついてやってみた方法が、今回解決策になったのでシェアします🙌🌈

ーーー

【手順】
①Google Fontsのサイトで「Noto Serif JP」を開く

②右上の「Get font」→「Download all」よりフォントファイルをダウンロード

③Zipファイルを解凍し、staticフォルダ内のttfファイルから、デザインに必要なweightのファイルを選び、Studioの「Custom Fonts」よりアップロード

④Studio上で、Custom Fontsからアップロードしたフォントを選択。そのうえで「文字詰め有」に設定

ーーー

すると・・・

なんと、記号まわりもキレイに詰まった！！！😭✨✨✨

無事、Figmaのデザイン通りの見え方になりましたっ！！！🎉✨✨

ネット上でこのようなケースの情報がなかなか見つからず、超焦ったので、、、💦
いつかどなたかのお役に立てればと思い、今回シェアしました🙌🌟

【まとめ】
StudioでNoto Serif JPの文字詰めが上手くいかないときは、
①Google Fontsからフォントファイルをダウンロード
②Custom Fontsとしてアップロード
③文字詰め有に設定
を試してみると、解決するかもしれません・・！

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@ran___0917 蘭さん、お疲れさまです🤝🏻❤️‍🔥❤️‍🔥
たまたま発見しちゃいました🫡✨
文字詰めが上手くいかない機会があればぜひ思い出してください😎🌟

昨日は本当楽しすぎました🫶🏻🫶🏻
また来月会えるの楽しみ！
そしてはるのさんも来福も🥹💖

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

【StudioでNoto Serif JPの文字詰めが上手くいかない・・・！？そんなときの対処法】

これ、実際の案件で私が直面した事件簿です＞＜

Figmaでのデザイン制作時、Noto Serif JPの文字詰め設定をオンにしていました。

そして、いざStudioで実装。

Studio上で「文字詰め有」の設定にしたところ、
なんと「」や、などの記号まわりが上手く詰まってくれない！！！💦
イコール、Studio上でFigmaのデザイン通りの見た目にならない・・・😭

いろいろ調べた結果、どうやらNoto Serif JPはWebフォントや一部の環境では、プロポーショナルメトリクスがうまく効かないことがあるようで・・・😱😱😱

「どうしても無理ならフォントを変更するしかないか・・・」と覚悟しつつ、
最後に1つだけ試してみよう！と思いついてやってみた方法が、今回解決策になったのでシェアします🙌🌈

ーーー

【手順】
①Google Fontsのサイトで「Noto Serif JP」を開く

②右上の「Get font」→「Download all」よりフォントファイルをダウンロード

③Zipファイルを解凍し、staticフォルダ内のttfファイルから、デザインに必要なweightのファイルを選び、Studioの「Custom Fonts」よりアップロード

④Studio上で、Custom Fontsからアップロードしたフォントを選択。そのうえで「文字詰め有」に設定

ーーー

すると・・・

なんと、記号まわりもキレイに詰まった！！！😭✨✨✨

無事、Figmaのデザイン通りの見え方になりましたっ！！！🎉✨✨

ネット上でこのようなケースの情報がなかなか見つからず、超焦ったので、、、💦
いつかどなたかのお役に立てればと思い、今回シェアしました🙌🌟

【まとめ】
StudioでNoto Serif JPの文字詰めが上手くいかないときは、
①Google Fontsからフォントファイルをダウンロード
②Custom Fontsとしてアップロード
③文字詰め有に設定
を試してみると、解決するかもしれません・・！

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@ones__own_pace まゆみさん、ありがとうございます！！❤️‍🔥
まゆみさんのおかげで新発見でした👀✨
各所でお手数をおかけするデザインですが、最後までどうぞよろしくお願いいたします🙇🏻‍♀️🙏🏻✨

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@mama_ran_ あいさん、昨日はありがとう〜🫶🏻✨
楽しかったですね😎💕
これが昨日話してた予約投稿＆動画でした🤣🙌🏻
来月ははるのさん来福ですね🤍
楽しみすぎます🥹🥹❣️

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@Tomoki_sbt 😏
🥋

⬆️
これ、スタパスのキャラにしましょう😏🔥笑

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@mami__design @Tomoki_sbt スタパスの旧屋号をお伝えしたりはしていませんから、どうかともきさん安心してください😏笑🔥🔥

師匠もスタパス生も最高最強は間違いないですね🙌🏻❤️‍🔥
まみさんも最高に熱いお方です😎❤️‍🔥❤️‍🔥

🐦‍⬛はいつか真相がわかる日が来ることを信じて、楽しみにお待ちください🤭笑

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@mami__design まみさん、ありがとうございます❤️‍🔥Studioマスターの称号、嬉しい❤️‍🔥❤️‍🔥笑
文字詰上手くいかないときは思い出してもらえると嬉しいです🥰

[みやま あい｜Studio×Figma｜福岡のWebデザイナー @mymi_web]

@Tomoki_sbt 「答えがわかった状態でアウトプット→正解のベースがありつつ工夫を足していける→発想が生まれやすい」と、どこかの師匠がおっしゃっていたような、、、😏✨
それを体現できたかと思うと、嬉しいです🤭🙌🏻🌈