タグ「figma」 - はてブログ

タグ figma

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 71件)

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のデザイン制作が楽になる時短プラグイン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初心者でも大丈夫！レスポンシブWebデザインをFigmaで作るための3つのポイント

2024/04/15 165 users レスポンシブWebデザインポイント 3つ

この記事についてこの記事は、スマートフォン時代のWebデザインスクールや Web制作の基礎から学べる「Webコーディングスクール」の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも... 続きを読む

エンジニアが画面設計（Figma）を担当してみた振り返り

2024/01/12 133 users 経緯フローエンジニアデザイナーエンジニアサイド

Thinkings株式会社では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。本記事では画面設計を行うことになった経緯と具体的な取り組み内容... 続きを読む

アドビ、Figmaの買収を断念　欧州規制当局の承認を得られず

2023/12/18 139 users アドビ断念買収承認

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にインポートで... 続きを読む

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の思想と新機能

2023/07/06 104 users 思想新機能

DR2023 Jessica Crisp - So What? Connecting Research to Value 続きを読む

Figma によるデザインシステム入門

2023/06/26 443 users 本書デザイナープロダクト材料興味

本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文: http... 続きを読む

VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応

2023/06/25 118 users vscode サンフランシスコ補完買収 Adobe

VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応昨年（2022年）、Adobeによる買収が発表され話題となったWebデザインツールを提供するFigmaは6月23日と24日の2日間、イベント「Config 2023」をサンフランシスコで開催しました。その基調講演で、VSCodeのコードエディタ画面にFigmaの機能... 続きを読む

Figma の Dev Mode で UI の確認を楽にする｜ふじけん / kenshir0f

2023/06/22 95 users チュートリアふじけん kenshir0f 実装既存

こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。公式のチュートリア... 続きを読む

Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率

2023/06/23 142 users コミュニケーション Figma for VS Code

2023年6月にFigma Config 2023という、Figmaのカンファレンスが開かれました。そこでFigma上で開発をサポートするような機能が多数発表されました。デザイナーとエンジニアの効率を上げるDev Modeなどの発表があり、エンジニアにとっても知っておきたい内容があります。今回は発表にあった中でも特に開発に直結するFig... 続きを読む

エンジニアにオススメの Figma 活用

2023/02/09 394 users YouTube seya カケハシ sekikazu01 ｗｗ

Transcript エンジニアにオススメの Figma 活用＠devsumi 2023/02/09 by Seya(@sekikazu01) Seya Figma 開発エンジニア@カケハシ @sekikazu01 @seya @yukkuri-product-development Figma to React Component Japanese Font Picker Random Cat 最近猫(ルイちゃん)と暮らし始めました最近 YouTube 始めました https://ww... 続きを読む

(1 - 25 / 71件)

次の25件 »

タグ figma

FigmaがAIでさらに進化！ Web制作はもはや完全自動化目前？「Config APAC 2024」現地レポ | 進化が止まらない！最新ツール

チュートリアル: Yjs, valtio, React で実現する共同編集アプリケーション - ROUTE06 Tech Blog

Figmaのデザイン制作が楽になる時短プラグイン30選

Figmaでちょっとしたデザインをつくるときに使っているプラグイン8選 - ICS MEDIA

Figma初心者でも大丈夫！レスポンシブWebデザインをFigmaで作るための3つのポイント

エンジニアが画面設計（Figma）を担当してみた振り返り

アドビ、Figmaの買収を断念　欧州規制当局の承認を得られず

Figma でデザイン、そのままデモ、そのまま実装！ - Qiita

海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた

FigmaからコピペでWebサイトが完成！ HTMLもCSSも書かないノーコードツール「STUDIO」がスゴすぎる | 進化が止まらない！最新ツール

Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog

Figmaの思想と新機能

Figma によるデザインシステム入門

VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応

Figma の Dev Mode で UI の確認を楽にする｜ふじけん / kenshir0f

Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率

エンジニアにオススメの Figma 活用

Miyamoto | DeNA Design on Twitter: "なぜかあまりネットに流れてない情報なんですけど。UXデザイン界隈では有名な「グーグルUXデザインプロフェッショナル認定証」って講座があるんですが、実は

「Adobe XD」単体販売を終了、サポート継続へ　Figmaとのすみ分けは「何も決まっていない」

Adobeの製品一覧から「Adobe XD」が消失～買収した「Figma」への一本化で提供終了？／収録させてもらっている窓の杜も寝耳に水【やじうまの杜】

FigmaとNotionでUML・経理処理・デザインまでAll in oneな仕様書を書いて、更新・共有を楽にしてる話 - Qiita

25年続くYahoo!ニュースを支える、Figmaを用いたデザインシステム

Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選 - ICS MEDIA

デジタル庁公開のデザインをhtml/cssに落とし込んでみた。 - Qiita

AdobeのFigma買収で登録者数は月次で56倍、Googleも使うデザインツール「Penpot」 | DIAMOND SIGNAL

本日の新着エントリー

本日の人気エントリー

1年前の人気エントリー

先週のランキング

人気エントリーにあるタグ

最近の注目エントリー

最近の注目タグ