タグ figma
人気順 5 users 50 users 100 users 500 users 1000 usersUI用にデザインされた、かなり珍しいアイソメトリックのアイコン素材！ 商用利用無料、SVGやFigmaも揃ってる -Isocons
2024/10/22
14 users
アイソメトリック
SVG
PNG
フォーマット
改変
当ブログでもこれまでにSVGのアイコン素材はたくさん紹介してきましたが、アイソメトリックのアイコン素材は初めてです。 アイソメトリックのイラストは見かけますが、アイコンはほんと珍しいですね！ 商用利用、改変、再配布も可で、アイコンのフォーマットはSVGとPNGが揃っています。また、カスタマイズも可能で、アイ... 続きを読む
GitHub Actionsを使ってテックブログの執筆を省力化する
2024/10/04
14 users
GitHub Actions
省力化
執筆
medium
入稿
ツール導入前の課題GitHub Actionsを用いた運用を開始するまで、テックブログを公開するにあたり以下の手順を実施していました。 Notion上で執筆を行う CTO, 上長がNotion上でレビューをおこなう Mediumのアクセス権をもらい、入稿を行う テックブログ運営チームがFigmaでOGP画像を作成する 公開 この運用では3つほど課... 続きを読む
FigmaがAIでさらに進化！ Web制作はもはや完全自動化目前？ 「Config APAC 2024」現地レポ | 進化が止まらない！ 最新ツール
2024/07/29
198 users
config
コンフィグ
フィグマ
翌週
サンフランシスコ
Figma（フィグマ）が主催する世界最大級のデザインカンファレンス「Config（コンフィグ）2024」が本拠地・米国のサンフランシスコで6月26〜27日に開催された。その翌週、Figma経営陣はシンガポールへと飛び、7月2日に「Config APAC 2024」を開催。アジアで初開催となったこのConfigには約1,000人以上が参加し、新機能の... 続きを読む
チュートリアル: Yjs, valtio, React で実現する共同編集アプリケーション - ROUTE06 Tech Blog
2024/07/03
97 users
React
Notion
yjs
Array
フレームワーク
Yjsは、リアルタイム共同編集を実現するためのアルゴリズムとデータ構造を提供するフレームワークです。Notion や Figma のように、1 つのコンテンツを複数人で同時に更新する体験を提供することができます。 Y.Map, Y.Array, Y.Text といった共有データ型を提供し、それらは JavaScript の Map や Array のように利用で... 続きを読む
Figma、新AI機能「Make Design」停止 Appleのアプリに酷似結果を受け
2024/07/02
15 users
config
アンディ
デザインコラボレーションツール
機能
デザインコラボレーションツールを手掛ける米Figmaは7月2日（現地時間）、年次イベント「Config」で発表した「Figma AI」の機能の1つ「Make Design」を無効化すると発表した。 Make Designはデザインタスク合理化ツールの1つで、テキストプロンプトでアプリなどのデザインを行えるというもの。 アプリ開発者のアンディ・... 続きを読む
Figma、プレゼン資料作成ツール「Figma Slides」発表 β版を無料公開 AIアシスト機能も
2024/06/28
28 users
インタラクティブ
年次カンファレンス
米Figma
現地時間
米Figmaは6月26日（現地時間）、同社の年次カンファレンス「Config 2024」において、プレゼンテーション用スライド作成ツール「Figma Slides」を発表した。Figmaのデザイン機能を活用しつつ、インタラクティブなプレゼンテーション作成に特化したもので、無料のβ版が利用可能。2025年初頭には、1ユーザーあたり月額3～5... 続きを読む
Figmaのデザイン制作が楽になる時短プラグイン30選
2024/06/21
95 users
クリエイター
プラグイン
ＡＩ機能
統一感
ブラウザ上
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成... 続きを読む
Figmaでちょっとしたデザインをつくるときに使っているプラグイン8選 - ICS MEDIA
2024/06/03
285 users
ICS MEDIA
アイコン
デザイナー
プラグイン
機会
アイコンやスライド作成など、デザイナーに限らずちょっとしたデザインをつくる機会はありませんか？ そんなとき、Figmaのプラグインを使うと、いつもより少し凝ったデザインを手軽につくることができます。 今回は、画像加工やあしらいをつくるときに便利なプラグインを8個紹介します。2024年6月時点で、すべて無料で... 続きを読む
Figmaは多大なアクセスをさばくためにどのようにデータベースのスケーリングを行ったのか？
2024/05/03
30 users
スケーリング
ブラウザベース
PostgreSQL
当初
ブラウザベースのデザインツール「Figma」のデータベース(DB)は2020年以来100倍に拡大しました。当初は単一のPostgreSQLで構築されていたDBをどのようにして分散システムへと移行したのかについて、公式ブログで詳しく説明されています。 How Figma's Databases Team Lived to Tell the Scale | Figma Blog https://www.... 続きを読む
Figma初心者でも大丈夫！ レスポンシブ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機能
強化
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などツール フォント・タイポグラ... 続きを読む
アドビ、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のおすすめテンプレート、プラグイン、ウィジェットをご紹介します。 続きを読む
タスク管理から自己分析、ブレストまで！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) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む