1st
Framer Advent Calendar

Framerとは?初めて使う方への基本情報

目次

目次

目次

Framerとは?

Framerとはオランダ発のノーコードWebサイトビルダーです。デザインやプロトタイピング、ウェブサイトの構築を行うためのオールインワンのデザインツールです。ノーコードやローコードの環境で、アニメーション、インタラクション、レスポンシブデザインを直感的に作成できるため、デザイナーや開発者に海外で人気があります。

主な特徴は以下です。

1.ノーコードでのウェブサイト構築

Framerでは、コードを書かなくても直感的にドラッグ&ドロップ操作で美しいウェブサイトを作成できます。デザインだけでなく、ホスティングや公開まで一括で対応可能です。

2.高品質なアニメーションとインタラクション

スクロールやホバーなどのインタラクションやアニメーションを簡単に追加できます。特に、デザインに動きをつけたい場合や、リッチなUIを試したい場合に便利です。

3.リアルタイムコラボレーション

FigmaやMiroのように、複数人で同時に作業ができます。デザイナーやチームメンバーとリアルタイムで修正やフィードバックが可能です。コメント機能やスラッシュ(/)でのチャット機能もあります。

画像はFramer日本コミュニティ内での勉強会のもの(無料プランでもこの人数でワイワイ制作ができました)


4.コード機能 (Code Components / Code Overrides)

デザイナー向けのツールですが、Reactベースのコードを使ってカスタムな動きや機能を追加することもできます。このため、ノーコードだけでなく、より複雑なプロジェクトにも対応できます。

5.簡単に公開可能

公開ボタンを押せば一瞬で世の中にFramerで作ったWebサイトを公開できます。独自ドメインの接続も可能で、HTMLタグやメタタグなどによるタイトルやディスクリプションなどのSEO設定も簡単です。

【こんな人におすすめ】

  • デザインスキルがありつつも、コードが苦手な人

  • 早く動くプロトタイプやウェブサイトを作りたい人

  • デザインと開発の両方に対応したい人

Please post what you learned from this calendar on X with a hashtag!

What you learned from this calendar,

\ please post it on X with a hashtag! /

Back to calendar

Back to calendar

Let Potential Bloom

© Framer Japan Community 2025 All rights reserved

Event

Blog

Template

Component

Japanese Framer site

Pro Plan 25% discount code

English

Let Potential Bloom

© Framer Japan Community 2025 All rights reserved

Event

Blog

Template

Component

Japanese Framer site

Pro Plan 25% discount code

English

Let Potential Bloom

© Framer Japan Community 2025 All rights reserved

Event

Blog

Template

Component

Japanese Framer site

Pro Plan 25% discount code

English