【Figma(フィグマ)】ブラウザ上で簡単にデザインができるツール

この記事は約9分で読めます。

Figma(フィグマ)とは

Figmaは、ブラウザ上で簡単にデザインするためのツールです。Figmaは、場所を選ばず、ブラウザ上で簡単にインターフェースをデザインできるツールです。フリープランがあり無料で利用できます。

Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platfor...

世界最先端のデザインコラボレーションツール「Figma」が日本へ本格進出

ブラウザベースの共同デザインプラットフォーム「Figma」を提供するFigma, Inc.(本社:米国サンフランシスコ)は、アジア初の子会社を日本に設立し、カントリーマネージャーに川延 浩彰(かわのべひろあき)を任命したことを発表します。同社は、「日本経済団体連合会」(JBF)に加盟しています。Figmaの製品が英語以外の言語で公式に提供されるのは、今回が初めてとなります。

世界でデザインコラボレーションツールをリードする「Figma」が日本へ本格進出
Figma Japan株式会社のプレスリリース(2022年3月16日 10時00分)世界でデザインコラボレーションツールをリードする「Figma」が日本へ本格進出

Figma価格

  • スターター(無料)
    • 作成できるプロジェクト数に制限がありますが、デザイン機能やクラウドストレージに制限はありません。
    • 3つのプロジェクトが作成可能
    • クラウドストレージは無制限
    • レビュアー/エディターの招待は無制限
  • プロフェッショナル (月額12ドル)
    • 上記の制限がなくなり、より多くの機能を利用できるようになります。
    • チームライブラリの共有など
  • オーガニゼーション(45ドル/月)
    • 上記に加え、大規模な組織を管理するための機能、セキュリティ関連の機能が充実しています。

Figmaプラン一覧

Figmaの使い方

初心者向けFigmaの使い方:Webデザインをトレースしてみよう
最新版で比較するAdobe XDとFigmaの違い - デザイン機能編 - ICS MEDIA
近年、UI/UXデザインで活躍するデザインツールとしてAdobeXD、Figma、Sketch、InVisionなどさまざまなツールが登場しています。

コンポーネント

【初心者】Figma講座#13:コンポーネント機能 – UIを部品として効率よく設計しよう

自動レイアウト

【初心者】Figma講座#12:オートレイアウト機能 – 繰り返しのUIレイアウトが抜群にラクになる方法を解説

プロトタイプ機能

Figma
Created with Figma

トリガーとアクション

【Figma】デザインを人に届けたいなら必須!プロトタイプ機能を徹底解説 #1

自動アニメーション

【初心者】Figma講座#14:アニメーション機能 – 本物かのように動くアニメーションをUIに付ける方法

Figma学習情報

公式YouTubeチャンネル

Figma
All the updates

ヘルプページ

Figma Learn - Help Center

公式コミュニティ

ERROR: The request could not be satisfied

Figmaで使える無料UIテンプレート

Card Components Free Ui Kit for Figma

301 Moved Permanently

Figma iOS 15 Free Demo Version

301 Moved Permanently

Atro Mobile UI Kit

Atro Mobile UI Kit (Freebie)
Whether you need a nudge to start work on your idea, find inspiration, or just want to add Atro Mobile UI kit to your freebie toolbox, go ahead and grab this aw...

Ticketapp Template

Free PSD for webdesigners!
Free PSD for webdesigners. Download awsome templates, Icons and Mockups for free!

Chat Dashboard Figma

Freebie — Chat Dashboard — Figma
Freebie — Chat Dashboard — Figma designed by Dmitry Starikov. Connect with them on Dribbble; the global community for designers and creative professionals.

Social Food App : Free Figma UI Kit

Just a moment...

JDD | JP + Ui Kit iOS]

ERROR: The request could not be satisfied

NFT Market App

301 Moved Permanently

One Page Calendar Ui for 2022

One Page Calendar UI for 2022 - Freebiesbug
A one page 2022 calendar that you can use as a UI component, or print on A5 paper and keep it for a year. Available for Sketch and Figma.

Nucleus UI

Nucleus UI | All in one UI kit and design system for Figma
All-in-one UI kit and design system for Figma

Figma Web Design Kit – Call to Action Blocks

https://www.uplabs.com/posts/figma-web-design-kit-call-to-action-blocks

Neumorphic UI Kit – Tesla App

Neumorphic UI Kit - Tesla App - Freebiesbug
Free dark neumorphism UI Kit for Figma featuring Tesla cars, together with elements like buttons and navigation.

Grada – Free Figma UI Kit

Grada - Free Figma UI Kit
Grada - Free Figma UI Kit designed by Cosmin Negoita. Connect with them on Dribbble; the global community for designers and creative professionals.

Deca Kit for Figma

Deca Kit
Clean and clear UI Kit with all necessary stuff to create design projects. The simplest way to work with buttons, charts, inputs, and popups.

Material UI: React Components in Figma

Material-UI: React components in Figma - Free Download
We created a Figma UI Kit that is fully compatible with React Material-UI library. If your design is planned to use together with this library than you clearly ...

Responsive Portfolio Template

Free Portfolio Responsive Template
If you want to speed up your work check this bundle FREE Responsive Portfolio Template for Agency, Personal and Webflow Expert. Perfectly organized and designed...

CreateX – Website Templates for Figma

http://1.envato.market/0JOPrY

Travel Agency Landing Page

https://www.arshakir.com/project/travel-agency-landing-page-freebie

New Year Deal Web Page

ERROR: The request could not be satisfied

Brutalism UI Kit

https://www.figma.store/download/brutalism-web-kit/

Marka Email Genearator

ERROR: The request could not be satisfied

Bookshop Website

Page not found

Agency Landing Page

https://1.envato.market/4eKEz0

Open – Tailwind CSS Landing Page Template

ERROR: The request could not be satisfied

Breakpoints

ERROR: The request could not be satisfied

Olson Brand Identity and Style Guide

Olson Brand Identity and Style Guide
✨ Checkout the latest version (April 2024) ✨Want to create better design deliverables for your clients?Use this guide to save time by creating a cohesive brandi...

Free Figma Design System | UI styleguide

Free Figma Design System | UI styleguide
Free Figma Design System | UI styleguide designed by Tyler Wain. Connect with them on Dribbble; the global community for designers and creative professionals.

Figma Starter Kit 1.4

Figma Starter Kit 2.0
Get a jump start on your Figma projects with this starter kit. Includes all basic components, it's a great way to get started without any clutter.What you get:F...

Button UI / Design System

(FREE) Button UI / Design System
(FREE) Button UI / Design System designed by Sergey Arkhipov. Connect with them on Dribbble; the global community for designers and creative professionals.

Wireframe

ERROR: The request could not be satisfied

Paper Wireframe Kit

https://1.envato.market/9WQE1Y

Wireframe in Figjam

https://stratum-figjam.cc/

iPhone 12 Clay Mockups for Sketch and Figma

iPhone 12 Clay Mockups for Sketch and Figma (FREE)
Hello friends! 👋Simple, minimal, super-clean set of iPhone 12 clay mockups from Hype4Academy. We've been asked a lot about our custom, clay mockups, so here the...

Material Design Icons

ERROR: The request could not be satisfied

Roundd – App Logo Icon Maker

Roundd - App Logo Icon Maker
Roundd - App Logo Icon Maker is here! Create a unique icon logo for your iOS or Android app, with over 6,800 original combinations. Pick a logo mark and backgro...

Website Page Builder Icons Set

https://1.envato.market/2rYdOM

3Dicons – Open SOurce 3D Icon library

ERROR: The request could not be satisfied

Social Network Icons 2022

ERROR: The request could not be satisfied

Crypto Logos

ERROR: The request could not be satisfied

Flow chart kit 2.0

https://gregdlubacz.gumroad.com/l/gRflm

Greyhound Flowcharts

Greyhound - Free Flowcharts for Figma & Sketch App
200+ cards and many other elements, such as arrows, actions and etc.

Design Presentation Guide

Design Presentation Guide - Daria Dzisko
UI/UX, Web Design, Graphic Design, Figma

コメント