タグ figma
人気順 5 users 50 users 100 users 500 users 1000 usersFigmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート/ディラン・フィールドCEOが「Figma」の今後の展望を語る
Figma新機能|マルチ編集機能の概要と使いどころ|nanami
こんにちは!株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回は、日本時間の今日(2024.3.7)発表されたばかりのFigma新機能、マルチ編集機能について、その機能概要や使いどころを公式解説をもとにまとめました。 はじめに現在、Figma Community上ではこちらの公式解説が公開されています。 Figmaの公式解説... 続きを読む
【30歳/完全未経験/独学】webアプリを作製しました【Golang, Next.js, MySQL, Docker, GitHub Actions CI, AWS Fargate on ECS】 - Qiita
完成物 ER図 画面遷移図 figma, 原寸画像 AWS構成図 ※備考※ GitHub Actions CIは構築済みです。 GitHub Actions CD, apiのprivate subnet化にも取り組んでいます。 EC2インタンスは通常時停止です。 技術選定理由 プログラミング、IT業界ともに未経験で着手し独学で作りました。 Go 比較対象:JAVA、Ruby、Python等 コン... 続きを読む
XDからFigmaへ移行したい人のためにFigmaの機能を紹介
XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーデ... 続きを読む
エンジニアが画面設計(Figma)を担当してみた振り返り
Thinkings株式会社 では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。 そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。 本記事では画面設計を行うことになった経緯と具体的な取り組み内容... 続きを読む
2023年、Web制作・デザインに役立つ記事の総まとめ
2023年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラ... 続きを読む
アドビ、Figmaの買収を断念 欧州規制当局の承認を得られず
アドビ、Figmaの買収を断念
米Adobeは、デザインコラボレーションツールを手掛ける米Figmaの買収を断念すると発表した。同買収については、欧州委員会や英国の競争・市場庁などが懸念を示しており、買収に必要な承認が得られないと判断したことから合併契約の終了を決めた。 米Adobeは12月18日(現地時間)、デザインコラボレーションツールを手掛... 続きを読む
Figmaの魅力がすぐわかる、仕事で即使える!おすすめテンプレ、プラグイン、ウィジェット【Figmaワークハック #4】 | ライフハッカー・ジャパン
Figma/FigJamの活用術を、Figmaの方々に教えてもらう全4回の特集。今回はFigma/FigJamのおすすめテンプレート、プラグイン、ウィジェットをご紹介します。 続きを読む
タスク管理から自己分析、ブレストまで!FigJamはビジネス万能ツール【Figmaワークハック #2】 | ライフハッカー・ジャパン
すぐできる!ふせんを使ったタスク管理術クリックして画像を拡大Screenshot: ライフハッカー編集部 via Figma「FigmaとFigJamのうち、ビジネスパーソンならまずはFigJamを使うのがおすすめ」とFigmaの谷さんはいいます。 オンラインホワイトボード・FigJamはデザインに限らず、使い方次第で様々な活用が可能。なかでも、... 続きを読む
Figma でデザイン、そのままデモ、そのまま実装! - Qiita
みなさん、デザインツールの Figma を使っていますか? 私はまだ「使っている」と言えるほど使えていません というわけで勉強会を開催して勉強します Figma とは 公式の紹介文は以下のとおりです デザインの追求からプロトタイプ作成、制作物のコーディングまで、Figmaはチームがコラボレーションして製品開発するための... 続きを読む
海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた
FigmaのXアカウントがおしゃれなトグルボタンを公開していて、「コーディング泣かせだ」との声を見かけたので、改めて自分でコーディングしてみようと思い書いてみました。 デザイナに作れよ!って言われれば作るよ。だってぷろだもん。https://t.co/HF6afHhfzm https://t.co/IXl7iufv7v pic.twitter.com/T4x4uV7tKX — ... 続きを読む
FigmaからコピペでWebサイトが完成! HTMLもCSSも書かないノーコードツール「STUDIO」がスゴすぎる | 進化が止まらない! 最新ツール
直感的なUIと高い表現力を強みとする、ノーコードWeb制作プラットフォーム「STUDIO(スタジオ)」。2018年のリリース以来、ユーザー数は35万人※を超え、2022年12月には米国に子会社を設立するなど、いま勢いにのっているサービスだ。 2023年8月には、デザインツールの「Figma」で制作したデザインをSTUDIOにインポートで... 続きを読む
GoogleがFigmaと提携、「Workspace」のホワイトボードは「Jamboard」から「FigJam」に/「Jamboard」は2024年12月に廃止
ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable
公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む
Figma for VS Codeを使って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種類のアイコン
WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。 アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、す... 続きを読む
VSCodeにFigmaを組み込む「Figma for VS Code」登場 コードの自動補完にも対応
この記事は新野淳一氏のブログ「Publickey」に掲載された「VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応」(2023年6月26日掲載)を、ITmedia NEWS編集部で一部編集し、転載したものです。 2022年、米Adobeによる買収が発表され話題となったWebデザインツールを提供する米Figmaは6月23日... 続きを読む
Figma によるデザインシステム入門
本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文: http... 続きを読む
VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応
VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応 昨年(2022年)、Adobeによる買収が発表され話題となったWebデザインツールを提供するFigmaは6月23日と24日の2日間、イベント「Config 2023」をサンフランシスコで開催しました。 その基調講演で、VSCodeのコードエディタ画面にFigmaの機能... 続きを読む
Figma の Dev Mode で UI の確認を楽にする|ふじけん / kenshir0f
こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリア... 続きを読む
Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率
2023年6月にFigma Config 2023という、Figmaのカンファレンスが開かれました。そこでFigma上で開発をサポートするような機能が多数発表されました。 デザイナーとエンジニアの効率を上げるDev Modeなどの発表があり、エンジニアにとっても知っておきたい内容があります。 今回は発表にあった中でも特に開発に直結するFig... 続きを読む
Adobeによるデザインツール「Figma」買収についてEUが独占禁止法違反の調査実施へ
2022年9月にAdobeが発表したデザインツール「Figma」の買収案件について、EUが独占禁止法違反ではないか調査する準備をしていることがわかりました。 Adobe’s $20bn deal to acquire Figma under threat from EU investigation | Financial Times https://www.ft.com/content/d041351e-0974-4a27-ada2-7c026f67e765 Adob... 続きを読む
商用利用無料! 医療・健康向けのUI用に美しくデザインされたSVGとFigmaのアイコン素材 -svg.health
医療や健康、メディカル、ヘルスケアのアイテムが美しくデザインされたアイコン素材を紹介します。 珍しいアイコンがかなり多く揃っており、医療や健康関連のデザインをする時には重宝すると思います。SVGだけでなく、Figma用も...記事の続きを読む 続きを読む