タグ figma
新着順 10 users 50 users 100 users 500 users 1000 usersFigma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント
2024/04/15
165 users
レスポンシブWebデザイン
ポイント
3つ
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも... 続きを読む
Figmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート／ディラン・フィールドCEOが「Figma」の今後の展望を語る
2024/03/21
17 users
付箋
要約
展望
生成AI機能
強化
1万パターンのイラストを作成できるツールを無償公開！ クリエイターの表現の幅を広げる支援をします｜note株式会社
2024/03/13
7 users
クリエイター
ツール
イラスト
無償公開
note株式会社
イラスト作成ツールの概要無料でも利用できるデザインツール「Figma」上に、顔・上半身・下半身のパーツを用意。これらのパーツを組み合わせることで、さまざまなポージングや表情を持つ約1万通りのイラストを作成できます。使用したいシーンにあわせてイラストをカスタマイズし、活用してください。 【イラスト作成の流... 続きを読む
Figma新機能｜マルチ編集機能の概要と使いどころ｜nanami
2024/03/08
12 users
概要
nanami
デザイナー
株式会社Rabee
使いどころ
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回は、日本時間の今日（2024.3.7）発表されたばかりのFigma新機能、マルチ編集機能について、その機能概要や使いどころを公式解説をもとにまとめました。 はじめに現在、Figma Community上ではこちらの公式解説が公開されています。 Figmaの公式解説... 続きを読む
【30歳/完全未経験/独学】webアプリを作製しました【Golang, Next.js, MySQL, Docker, GitHub Actions CI, AWS Fargate on ECS】 - Qiita
2024/03/04
25 users
Qiita
Docker
golang
API
Java
完成物 ER図 画面遷移図 figma, 原寸画像 AWS構成図 ※備考※ GitHub Actions CIは構築済みです。 GitHub Actions CD, apiのprivate subnet化にも取り組んでいます。 EC2インタンスは通常時停止です。 技術選定理由 プログラミング、IT業界ともに未経験で着手し独学で作りました。 Go 比較対象：JAVA、Ruby、Python等 コン... 続きを読む
XDからFigmaへ移行したい人のためにFigmaの機能を紹介
2024/02/26
19 users
Web制作
基礎
Webデザインスクール
スマートフォン時代
XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーデ... 続きを読む
エンジニアが画面設計（Figma）を担当してみた振り返り
2024/01/12
133 users
経緯
フロー
エンジニア
デザイナー
エンジニアサイド
Thinkings株式会社 では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。 そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。 本記事では画面設計を行うことになった経緯と具体的な取り組み内容... 続きを読む
2023年、Web制作・デザインに役立つ記事の総まとめ
2023/12/27
12 users
Web制作
総まとめ
デザイン
タイポグラ
vscode
2023年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラ... 続きを読む
AdobeによるFigmaの買収が破談／15カ月間にわたる規制当局の審査で承認に道筋を見いだせず
2023/12/19
6 users
道筋
買収
Adobe
規制当局
破談
アドビ、Figmaの買収を断念 欧州規制当局の承認を得られず
2023/12/18
139 users
アドビ
断念
買収
承認
アドビ、Figmaの買収を断念
2023/12/18
38 users
手掛
アドビ
断念
買収
デザインコラボレーションツール
米Adobeは、デザインコラボレーションツールを手掛ける米Figmaの買収を断念すると発表した。同買収については、欧州委員会や英国の競争・市場庁などが懸念を示しており、買収に必要な承認が得られないと判断したことから合併契約の終了を決めた。 米Adobeは12月18日（現地時間）、デザインコラボレーションツールを手掛... 続きを読む
Figmaの魅力がすぐわかる、仕事で即使える！おすすめテンプレ、プラグイン、ウィジェット【Figmaワークハック #4】 | ライフハッカー・ジャパン
2023/12/05
45 users
FigJam
ウィジェット
プラグイン
方々
特集
Figma／FigJamの活用術を、Figmaの方々に教えてもらう全4回の特集。今回はFigma／FigJamのおすすめテンプレート、プラグイン、ウィジェットをご紹介します。 続きを読む
「AdobeのFigma買収は市場競争の妨害」とイギリスの規制当局が認定
2023/11/29
5 users
Figma買収
妨害
Adobe
規制当局
CMA
イギリスの競争・市場庁(CMA)が2023年11月28日に、「PhotoshopやIllustratorなどを手がけるAdobeが、デザインツール業界で最大のライバルであるFigmaを買収すると市場競争が妨げられる恐れがある」とする暫定的な調査結果を発表しました。 Adobe / Figma deal could harm UK digital design sector - GOV.UK https://www... 続きを読む
タスク管理から自己分析、ブレストまで！FigJamはビジネス万能ツール【Figmaワークハック #2】 | ライフハッカー・ジャパン
2023/11/21
12 users
FigJam
ブレスト
ふせん
ビジネスパーソン
タスク管理
すぐできる！ふせんを使ったタスク管理術クリックして画像を拡大Screenshot: ライフハッカー編集部 via Figma「FigmaとFigJamのうち、ビジネスパーソンならまずはFigJamを使うのがおすすめ」とFigmaの谷さんはいいます。 オンラインホワイトボード・FigJamはデザインに限らず、使い方次第で様々な活用が可能。なかでも、... 続きを読む
Figma でデザイン、そのままデモ、そのまま実装！ - Qiita
2023/10/19
125 users
Qiita
コーディング
デモ
実装
プロトタイプ作成
みなさん、デザインツールの Figma を使っていますか？ 私はまだ「使っている」と言えるほど使えていません というわけで勉強会を開催して勉強します Figma とは 公式の紹介文は以下のとおりです デザインの追求からプロトタイプ作成、制作物のコーディングまで、Figmaはチームがコラボレーションして製品開発するための... 続きを読む
海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた
2023/10/15
75 users
トグルボタン
デザイナ
コーディング
プロ
Xアカウント
FigmaのXアカウントがおしゃれなトグルボタンを公開していて、「コーディング泣かせだ」との声を見かけたので、改めて自分でコーディングしてみようと思い書いてみました。 デザイナに作れよ！って言われれば作るよ。だってぷろだもん。https://t.co/HF6afHhfzm https://t.co/IXl7iufv7v pic.twitter.com/T4x4uV7tKX — ... 続きを読む
FigmaからコピペでWebサイトが完成！ HTMLもCSSも書かないノーコードツール「STUDIO」がスゴすぎる | 進化が止まらない！ 最新ツール
2023/10/02
377 users
Studio
CSS
コピペ
HTML
進化
直感的なUIと高い表現力を強みとする、ノーコードWeb制作プラットフォーム「STUDIO（スタジオ）」。2018年のリリース以来、ユーザー数は35万人※を超え、2022年12月には米国に子会社を設立するなど、いま勢いにのっているサービスだ。 2023年8月には、デザインツールの「Figma」で制作したデザインをSTUDIOにインポートで... 続きを読む
GoogleがFigmaと提携、「Workspace」のホワイトボードは「Jamboard」から「FigJam」に／「Jamboard」は2024年12月に廃止
2023/10/02
11 users
Workspace
Jamboard
FigJam
廃止
提携
ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable
2023/09/22
14 users
Accessible
Stark
Sketch
チェッ
公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む
Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog
2023/09/01
153 users
CSS実装
Goodpatch Tech Blog
池澤
Goodpatchエンジニアの池澤です。デザインツール「Figma」のスタイルや値を、テキストエディタ「VS Code」上で閲覧できる「Figma for VS Code」機能拡張が2023年6月よりFigma公式から提供されています。 この記事ではその「Figma for VS Code」について、実際に試して感じたことをまとめてみました。 ※ Figma Dev Modeや... 続きを読む
Figmaの思想と新機能
DR2023 Jessica Crisp - So What? Connecting Research to Value 続きを読む
Figmaですぐに使えるUIデザイン用のアイコン素材！ シンプルで、可読性を最大限に高めた4,000種類のアイコン
2023/06/28
13 users
ソリッド
アイコン
商用プロジェクト
スマホアプリ
可読性
WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。 アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、す... 続きを読む
VSCodeにFigmaを組み込む「Figma for VS Code」登場 コードの自動補完にも対応
2023/06/27
14 users
Publickey
vscode
米Figma
補完
買収
この記事は新野淳一氏のブログ「Publickey」に掲載された「VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応」（2023年6月26日掲載）を、ITmedia NEWS編集部で一部編集し、転載したものです。 2022年、米Adobeによる買収が発表され話題となったWebデザインツールを提供する米Figmaは6月23日... 続きを読む
Figma によるデザインシステム入門
2023/06/26
443 users
本書
デザイナー
プロダクト
材料
興味
本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文: http... 続きを読む