DELIGHT | Ikumi Morita

アメリカ滞在歴7年🇺🇸日本在住🇯🇵Framer/STUDIOを使って創るUI/UXデザイナーです。新規案件などに関するお問合せはDMからお願いします。デザイン/Framer/STUDIO

[DELIGHT | Ikumi Morita @webdesign_im]

Interesting!

[Aurelien @Aurelien_Gz]

dunno why, but revealing skeletons with this x-ray hover is so addictive..

» https://t.co/Q5XN09myfH
wizard » @lucas__crespo
tool » @framer

[Framer Japan @framerjapan]

5/13（水）Framer Cafe TokyoでExpertと交流☕️

クライアントワーク、コンポーネント開発、新しい表現の追求。

水曜18時半〜 Framer Expert 4名によるLTと交流会。オフィスアワーは15時から開放します。

無料の参加登録はこちら（ドリンクつき）👇
https://t.co/nbgELtvMto

[DELIGHT | Ikumi Morita @webdesign_im]

すごく分かりやすく診断してくれる画期的なツール✨感謝😊

[Framer Japan @framerjapan]

🩻「Framer AEO Scanner」新登場。

URLをペーストするだけで、AIエンジンがあなたのサイトのどこを読み込めていないかを診断。ブラウザ上で瞬時に結果と具体的な修正方法がわかります。

[DELIGHT | Ikumi Morita @webdesign_im]

すごすぎる！！！

[Adobe @Adobe]

Adobe for creativity + Claude 🤝

Now, Claude users can power their content with more than 50 Creative Cloud tools. Simply describe the outcome you want and let the assistant orchestrate workflows behind the scenes: https://t.co/G70cSsca8P

[村田俊英 / Designer @kookaking]

📝フォントラボ

THE610BASE
https://t.co/5dAh4IvHBv

欧文フォント『Neulis Neue』
・Neulis Neue は、システムの無機質さを嫌い、ユーザーとの距離を縮めたいプロダクトやサービスにおいて、その真価を発揮する
・特に、D2Cブ���ンド、ライフスタイル系アプリ、教育サービスなど、ユーザーへの「寄り添い」を重視するプロダクトの見出しに最適
・基本の骨格は Futura のような幾何学的なサンセリフだが、一部の文字（特に a, l, n, u など）にスクリプト風の「出口のストローク（跳ね）」が取り入れられている。これにより、デジタルな清潔感の中に、親しみやすさとリズムが生まれている
・デザイナー Adam Ladd 氏によって2020年にリリースされた、「幾何学的なサンセリフ」と「軽快なアップライト・スクリプト（筆記体）」を融合させた、現代的で遊び心のあるフォントファミリー

日本語フォント『平成角ゴシック』
・1980年代後半から1990年代初頭にかけて、日本のフォントメーカーが共同で組織した「日本タイプデザイン協会」によって、次世代のスタンダードを目指して開発された書体
・当時の低解像度なディスプレイやプリンタでも、文字が潰れず、均一に美しく見えることを徹底的に追求して設計された
・さらにデジタル技術の限界を考慮し、ハネやハライの装飾を最小限に抑えている。この「シンプルさ」が、結果として非常にニュートラルで、事務的・公的な印象を醸し出している
・役所、金融、公共インフラなどの、「真面目さ」や「間違いのなさ」が最優先されるインターフェースにおいて、その事務的な佇まいは高い信頼感を生む

[Brandon K. Hill | CEO of btrax 🇺🇸x🇯🇵/2 @BrandonKHill]

Anthropicが本日リリースした「Claude Design」。僕の私見は:
- 既存のバイブコーディングツール危うくなる
- Figmaへの影響も大きそう
- 基本的なデザインのプロダクトが増える
- 「デザイナー」の数も爆上がりする
- でも、その中で差別化するのは難しい
- だからデザイン力がより求められる

[DELIGHT | Ikumi Morita @webdesign_im]

シェアありがとうございます😊
@suko_hakumai さんのポストがトリガーになってまたSTUDIO触ってみたくなりました！

[ゆうご @suko_hakumai]

Studioのスクロールアニメーションで特に難しいトリガーの設定は、こちらの記事を参考にすると理解しやすいかもです💻

https://t.co/Ys5dTrIENe

[DELIGHT | Ikumi Morita @webdesign_im]

めちゃくちゃ分かりやすいです！
ありがとうございます！

[ゆうご @suko_hakumai]

トリガー完全に���解したので確認用にサイト作ってみた。
めっちゃ分かりやすいです

https://t.co/cFNZDpfBv6

[DELIGHT | Ikumi Morita @webdesign_im]

ワクワク感を失わずに制作を続けたい自分と効率的な工程を受け入れたい(受け入れている)自分の狭間に���ます。AIによって助かる部分も多々ありますね。

[Brandon K. Hill | CEO of btrax 🇺🇸x🇯🇵/2 @BrandonKHill]

https://t.co/cceZRVXb0O

[DELIGHT | Ikumi Morita @webdesign_im]

@euthopia_ai コメントありがとうございます！まさしくです！！！朝の質が1日を彩らせてくれますね。

[DELIGHT | Ikumi Morita @webdesign_im]

最近作ったAI × ノーコードの仕組みが地味にお気に入り。Claude × Makeが毎朝Slackに学びネタを送ってくれる。朝の目覚めが楽しみになった。APIクレジット$5分で半年以上は機能するからお財布にも優しくて◎

#claude #Make #自動化

[こぎそ @kgsi]

世界中の「つくりが良いWebサイト」だけを厳選して紹介しているキュレーションサイト「Godly」。
2021年からデザイナーのDaryl Ginnが一人で運営していて、掲載数は1,000件以上。

量より質に振り切っていて、掲載されているサイトのインタラクションや演出のレベルが総じて高い。ポートフォリオ、エージェンシー、プロダクトなどジャンルも幅広い。
Webの表現力を浴びたいときにざっと流し見するだけでもかなり刺激になる。

[cyocun @cyocun]

Web用のカーニングツール作ったよー。

見ながらイラレライクに調整できてデザイナーもエンジニアも使いやすいはず。

気が付かれないけどデザインが好きなら絶対に大切で疎かにすべきじゃない部分だから使いやすく分かりやすくつくったよん

デモ触ってみてね ( ᐛ👐)ﾊﾟｧ https://t.co/K7G8J0qdG5

[DELIGHT | Ikumi Morita @webdesign_im]

No more Tofu🤣
ネーミングが面白いです！
Noto Sans JPはオートカーニング(メトリクス)が綺麗だなとホレボレした記憶があります🤩

[村田俊英 / Designer @kookaking]

📝フォントラボ

エナジーライフ株式会社
https://t.co/abqVYN6j2a

欧文フォント『Soleil』
・フランス語で「太陽」を意味し、その名の通り、幾何学的で整然とした骨格を持ちながらも、どこか明るく、開放的な温か���を感じさせるのが最大の特徴
・Futura のような 20世紀初頭のモダニズムに基づいた幾何学的な骨格を継承しつつ、現代のデジタル環境での使いやすさを追求。Futura ほど「尖り��ぎ」ず、より実用的でフレンドリーな表情をしている
・特に SaaS のブランディングや、ウェルビーイング系のプロダクトにおいて、Soleil の「知的で明るい」トーンは非常に効果的
・デザイナーの Wolfgang Homola によって設計された、「ジオメトリック（幾何学的）・サンセリフ」 の傑作

日本語フォント『Noto Sans JP』
・名前の「Noto」は「No more Tofu」の略です。文字化けした際に表示される「□（トーフ）」を世界からなくすことを目的としており、膨大な文字数をカバーしつつ、多言語で組んだ際の一貫性が極めて高いのが最大の特徴
・ウェブの実装では、font-feature-settings: "palt";（プロポーショナルメトリクス）を有効にする、あるいは見出しで letter-spacing をわずかに（-0.01em 〜 -0.02em）詰めると、ぐっとプロフェッショナルな佇まいになる
・Noto Sans JP は非常にニュートラルなため、英字部分に Inter や Roboto、あるいは Soleil などの特徴的な欧文フォントを組み合わせる（和欧混植）ことで、個性を出すのが定石

[DELIGHT | Ikumi Morita @webdesign_im]

いつも勉強になるフォントラボシリーズ！
今回も学ばせていただきました！
figtree気になります🧐

[村田俊英 / Designer @kookaking]

📝フォントラボ

Axis.ov-Films
https://t.co/uh6VWsvaQ7

欧文フォント『figtree』
・2023年に Google Fonts に採用されて以来、その「機能的でありながら冷たすぎない」絶妙な佇まいから、テック系 SaaS ��モバイルアプリの UI デザインで爆発的に普及している
・一言で言えば、「Inter の実用性と、Poppins の親しみやすさを足して 2 で割ったような、非常に使い勝手の良いフォント」
・Bold (700) 以上のウェイトを使い、字間（Letter-spacing）をわずかに（-0.01em 〜 -0.02em）詰めると、非常に洗練された「テックブランド」らしい顔立ちになる
・Figtree の数字は等幅への対応も考慮されており、ダッシュボードや価格表示などの「数値をきれいに並べたい」シーンでも威力を発揮する
・デザイナーの Erik Kennedy によって設計された、現代的でクリーンな ジオメトリック・サンセリフ

日本語フォント『りょうゴシック PlusN』
・「かな」の美しさに定評がある「りょう」シリーズの一つであり、UIデザイナーの視点からは、「長文読解における心地よいリズム」と「現���的な透明感」を両立させるための優れたツール
・直線の集まりに見えて、実はハライや曲線の立ち上がりに「筆の呼吸」が感じられる有機的な柔らかさがある。これが、デジタルな画面に「体温」を宿らせる
・非常に上品な性格をしているため、特に「言葉のニュアンス」を大切にしたいプロダクトにおいて、比類なき力を発揮する
・Adobeのチーフタイプデザイナー西塚涼子氏が「かな」をデザインし、小塚昌彦氏が漢字部分（小塚ゴシック）を担当して制作されたAdobeのオリジナルフォント

[DELIGHT | Ikumi Morita @webdesign_im]

とても可愛らしいフォントにサイト🥰ZEN Kaku Gothicはよく使うけれど、丸はバイアスから遠ざけていた💦欧文和文フォントどちらも美しい🤩

[村田俊英 / Designer @kookaking]

📝フォ���トラボ

UFUFU FOOD
https://t.co/y9iAKt3Ih5

欧文フォント『Outfit』
・Google Fonts で公開されて以来、その「Inter ほど事務的ではなく、Poppins ほど円形が強くない」という絶妙なバランスが支持され、テック系 SaaS やモバイルアプリの UI デザインで急速に普及している
・非常に洗練された「テック感」を演出できるため、スタートアップのブランドサイトや、複雑な情報を整理するダッシュボードに最適
・ブランドオートメーションプラットフォームである「Outfit」の公式ブランドフォントとして、Rodrigo Fuenzalida によって設計された現代的な ジオメトリック・サンセリフ

日本語フォント『ZEN丸ゴシック』
・Google Fonts でも公開されているこのフォントは、「柔らかさ」と「高い知性」 を同���に表現したいデザイナーにとって、現在最も有力な選択肢の一つ
・従来の丸ゴシックが持つ「幼さ」や「過度な装飾感」を排し、現代的でクリーンな骨格を採用しています。角の丸め方が絶妙にコントロールされており、親しみやすさの中にも「プロフェッショナルな信頼感」が漂う
・現代の日本語タイポグラフィにおいて「丸ゴシック＝子供っぽい」という固定観念を打ち破った、非常に洗練された書体

[Framer Japan Community @fjpcomm]

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

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

https://t.co/RkVgVP4Hwu

[DELIGHT | Ikumi Morita @webdesign_im]

おかゆさんのプログのおかげでなんとかできました！！！感謝😊

[おかゆ | Startup × Design @oka_yu148]

https://t.co/2ECn3QdzkC

[DELIGHT | Ikumi Morita @webdesign_im]

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

[Framer Japan Community @fjpcomm]

【勉強会のお知らせ】

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

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

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

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

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

[DELIGHT | Ikumi Morita @webdesign_im]

楽しみです😊

[Framer Japan Community @fjpcomm]

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

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