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

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

www.figma.com

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

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

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

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

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

Where teams design and build together.

www.youtube.com

ヘルプページ

Just a moment...

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

Just a moment...

webdesign.tutsplus.com

JDD | JP + Ui Kit iOS]

JDD | JP + UI Kit iOS | Figma Community

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 軽微なコンポーネントの修正 2021/12/...

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 — Figma UI Kit and Design System

Nucleus UI is the largest UI Kit and design system for Figma. Streamline your workflow, save thousands of hours, and level up your process.

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

Get Createx - Website Templates for Figma that includes ecommerce & digital, from our library of UX and UI Kits, Websites. Get unlimited downloads with an E...

elements.envato.com

Travel Agency Landing Page

Jadoo - Travel Company Website Template Figma Resources | Jadoo - Travel Company Website Template Adobe XD Resources | UIDux

Jadoo - Travel Company Website Template available for Figma and Adobe XD. Download Jadoo - Travel Company Website Template adobe xd resources. Jadoo - Travel Co...

uidux.com

New Year Deal Web Page

Figma

www.figma.com

Brutalism UI Kit

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

www.figma.store

Marka Email Genearator

Marka Email Generator — 100% Custom HTML Email Templates | Figma Community

markaplugin.com Documentation Video tutorials About Marka Email Generator exports HTML email templates. Templates work for all common email clients, including ...

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

Get Agency Landing Page that includes digital & agency, from our library of UX and UI Kits, Websites. Get unlimited downloads with an Envato Elements subscr...

elements.envato.com

Open – Tailwind CSS Landing Page Template

Open | Figma Community

www.figma.com

Breakpoints

Breakpoints | Figma Community

Preview responsive layout inside a Figma frame and share animated prototype. Works even without the opened plugin window and anyone in your team can resize fra...

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

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

Wireframe | Figma Community

Free Popular Wireframes library for everyone, Wireframe plugin is the best Figma plugin for creating beautiful wireframes, user flow, prototypes and basic struc...

www.figma.com

Paper Wireframe Kit

Paper Wireframe Kit

Get Paper Wireframe Kit that includes wireframe & prototype, from our library of UX and UI Kits, Websites. Get unlimited downloads with an Envato Elements s...

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

Material Design Icons | Figma Community

Instant easy access to the entire Material Design Icons library: 35,000+ icons in PNG and SVG at your fingertips. Search icons by name or scroll through the en...

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

Get Website Page Builder Icon Pack – 80 Vector Icons that includes icon & website, from our library of Icons. Get unlimited downloads with an Envato Element...

elements.envato.com

3Dicons – Open SOurce 3D Icon library

3dicons - Open source 3D icon library | Figma Community

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 released under a Creative...

www.figma.com

Social Network Icons 2022

Social Network Icons 2023 | Figma Community

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

www.figma.com

Crypto Logos

Crypto logos | Figma Community

Over 100 protocol logos and counting, perfect for any crypto or blockchain product design project. These logos come as a flat icon, with a subtle shadow, and wi...

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