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

Figma（フィグマ）とは

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

Figma: the collaborative interface design tool.

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

www.figma.com

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

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

世界でデザインコラボレーションツールをリードする「Figma」が日本へ本格進出

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

prtimes.jp

Figma価格

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

Figmaプラン一覧

Figmaの使い方

最新版で比較するAdobe XDとFigmaの違い - デザイン機能編 - ICS MEDIA

近年、UI/UXデザインで活躍するデザインツールとしてAdobeXD、Figma、Sketch、InVisionなどさまざまなツールが登場しています。

ics.media

コンポーネント

自動レイアウト

プロトタイプ機能

Figma

Created with Figma

www.figma.com

トリガーとアクション

自動アニメーション

Figma学習情報

公式YouTubeチャンネル

Figma

Figma is a free design tool for teams who build products together. Born on the Web, Figma helps the entire product team create, test, and ship better designs, f...

www.youtube.com

ヘルプページ

Security check

help.figma.com

公式コミュニティ

Figma (@figma) | Figma Community

The latest files and plugins from Figma (@figma) — Figma is the design tool for teams who build products together.

www.figma.com

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

Card Components Free Ui Kit for Figma

Card Components Free UI Kit for Figma - Download Free UI Kit

Download Card Components Free UI Kit for Figma free design resources. We collect free UI Kits for Adobe Illustrator, Adobe Photoshop, Adobe XD, Figma, Framer, I...

uigarage.net

Figma iOS 15 Free Demo Version

Figma iOS 15 (Free Demo Version) - Download Free UI Kit

Download Figma iOS 15 (Free Demo Version) free design resources. We collect free UI Kits for Adobe Illustrator, Adobe Photoshop, Adobe XD, Figma, Framer, InVisi...

uigarage.net

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...

adrianchiran.gumroad.com

Ticketapp Template

Free PSD for webdesigners!

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

symu.co

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.

dribbble.com

Social Food App : Free Figma UI Kit

Web Design Tutorials by Envato Tuts+

Thousands of free tutorials and online courses to help you learn web design. Join our community of students and professionals to improve your design skills, cod...

webdesign.tutsplus.com

JDD | JP + Ui Kit iOS]

Figma

Figma Community file - Mobile App UI kit optimized for Japanese fonts Click here for term of use 👉 JP + UI Kit Android 更新履歴 2021/10/08 Screen UIを追加 2021/10/08 ...

www.figma.com

NFT Market App

NFT Market App (Community) - Download Free UI Kit

Download NFT Market App (Community) free design resources. We collect free UI Kits for Adobe Illustrator, Adobe Photoshop, Adobe XD, Figma, Framer, InVision Stu...

uigarage.net

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.

freebiesbug.com

Nucleus UI

Nucleus UI – Free UI component library for Figma

Create mockups or prototypes in Figma at speed.

www.nucleus-ui.com

Figma Web Design Kit – Call to Action Blocks

Figma Web Design Kit — Call To Action Blocks

Material Website Kit for Figma. Convert visitors into customers with confidence!

www.uplabs.com

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.

freebiesbug.com

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.

dribbble.com

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.

deca.craftwork.design

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 ...

www.behance.net

Responsive Portfolio Template

Free Portfolio Responsive Template

FREE Responsive Portfolio Template for Agency, Personal and Webflow Expert. Perfectly organized and designed with latest design trends. Created for Sketch, Figm...

laaqiq.gumroad.com

CreateX – Website Templates for Figma

Createx - Website Templates for Figma

Createx - Website Templates for Figma Graphic Templates. Subscribe to Envato Elements for unlimited Graphic Templates downloads for a single monthly fee. Subscr...

elements.envato.com

Travel Agency Landing Page

Travel Agency Landing Page for Adobe XD and Figma | Free Figma and Adobe XD Resources

Download this freebie travel agency landing page for adobe xd and figma for free. 180+ free landing pages and dashboards available for figma and adobe xd.

www.arshakir.com

New Year Deal Web Page

Figma

Figma Community file - New year is here, check out my new design for a new year's eve party deal, Played with big n bold design here with "Adventure Time" look....

www.figma.com

Brutalism UI Kit

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

www.figma.store

Marka Email Genearator

Figma

Figma Community plugin - markaplugin.com Documentation Video tutorials About Marka Email Generator exports HTML email templates. Templates work for all common ...

www.figma.com

Bookshop Website

Bookshop website

Here is my concept of Bookshop website with illustrated banner.

www.uplabs.com

Agency Landing Page

Agency Landing Page

Agency Landing Page Graphic Templates. Subscribe to Envato Elements for unlimited Graphic Templates downloads for a single monthly fee. Subscribe and Download n...

elements.envato.com

Open – Tailwind CSS Landing Page Template

Figma

Figma Community file -

www.figma.com

Breakpoints

Figma

Figma Community plugin - Preview responsive layout inside a Figma frame and share animated prototype. Works even without the opened plugin window and anyone in...

www.figma.com

Olson Brand Identity and Style Guide

Olson Brand Identity and Style Guide

Want to create better design deliverables for your clients?Use this guide to save time by creating a cohesive branding guide. Keep your company aligned and on-b...

iamrahulrao.gumroad.com

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.

dribbble.com

Figma Starter Kit 1.4

Figma Starter Kit 1.6

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...

bstefan.gumroad.com

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.

dribbble.com

Wireframe

Figma

Figma Community plugin - Free Popular Wireframes library for everyone, Wireframe plugin is the best Figma plugin for creating beautiful wireframes, user flow, p...

www.figma.com

Paper Wireframe Kit

Paper Wireframe Kit

Paper Wireframe Kit Graphic Templates. Subscribe to Envato Elements for unlimited Graphic Templates downloads for a single monthly fee. Subscribe and Download n...

elements.envato.com

Wireframe in Figjam

https://stratum-figjam.cc/

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...

h4academy.gumroad.com

Material Design Icons

Figma

Figma Community plugin - Instant easy access to the entire Material Design Icons library: 35,000+ icons in PNG and SVG at your fingertips. Search icons by name...

www.figma.com

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...

freedesignresources.net

Website Page Builder Icons Set

Website Page Builder Icon Pack – 80 Vector Icons

Website Page Builder Icon Pack – 80 Vector Icons Graphics. Subscribe to Envato Elements for unlimited Graphics downloads for a single monthly fee. Subscribe and...

elements.envato.com

3Dicons – Open SOurce 3D Icon library

Figma

Figma Community file - 3dicons is a set of beautifully crafted open-source 3D icons created in Blender and made available to the public for free. It has been re...

www.figma.com

Social Network Icons 2022

Figma

Figma Community file - Hello everyone, you can use this icons for your needs 🙂 Please like and comment this post <3

www.figma.com

Crypto Logos

Figma

Figma Community file - Over 100 protocol logos and counting, perfect for any crypto or blockchain product design project. These logos come as a flat icon, with ...

www.figma.com

Flow chart kit 2.0

Page not found (404) - Gumroad

Gumroad is a powerful, but simple, e-commerce platform. We make it easy to earn your first dollar online by selling digital products, memberships and more.

gregdlubacz.gumroad.com

Greyhound Flowcharts

Greyhound - Free Flowcharts for Figma & Sketch App

200+ cards and many other elements, such as arrows, actions and etc.

greyhound.design

Design Presentation Guide

Design Presentation Guide

UI/UX,Web Design,Graphic Design,Figma

www.behance.net