UI用にデザインされた、かなり珍しいアイソメトリックのアイコン素材！ 商用利用無料、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の基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA

2024/07/02 5 users Tips エフェクト レイヤー ICS MEDIA テキスト

リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画... 続きを読む

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機能 強化

続きを読む

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はチームがコラボレーションして製品開発するための... 続きを読む