はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ figma

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 66件)

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

2024/01/12 このエントリーをはてなブックマークに追加 133 users Instapaper Pocket Tweet Facebook Share Evernote Clip 経緯 フロー エンジニア デザイナー エンジニアサイド

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

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

2023/12/18 このエントリーをはてなブックマークに追加 139 users Instapaper Pocket Tweet Facebook Share Evernote Clip アドビ 断念 買収 承認

続きを読む

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

2023/10/19 このエントリーをはてなブックマークに追加 125 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita コーディング デモ 実装 プロトタイプ作成

みなさん、デザインツールの Figma を使っていますか? 私はまだ「使っている」と言えるほど使えていません というわけで勉強会を開催して勉強します Figma とは 公式の紹介文は以下のとおりです デザインの追求からプロトタイプ作成、制作物のコーディングまで、Figmaはチームがコラボレーションして製品開発するための... 続きを読む

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

2023/10/15 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip トグルボタン デザイナ コーディング プロ 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 思想 新機能

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

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

2023/06/26 このエントリーをはてなブックマークに追加 443 users Instapaper Pocket Tweet Facebook Share Evernote Clip 本書 デザイナー プロダクト 材料 興味

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

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

2023/06/25 このエントリーをはてなブックマークに追加 118 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip チュートリア ふじけん kenshir0f 実装 既存

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

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

2023/06/23 このエントリーをはてなブックマークに追加 142 users Instapaper Pocket Tweet Facebook Share Evernote Clip コミュニケーション Figma for VS Code

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

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

2023/02/09 このエントリーをはてなブックマークに追加 394 users Instapaper Pocket Tweet Facebook Share Evernote Clip YouTube seya カケハシ sekikazu01 ww

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... 続きを読む

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

2023/01/26 このエントリーをはてなブックマークに追加 265 users Instapaper Pocket Tweet Facebook Share Evernote Clip https 認定証 t.co 特典 講座

なぜかあまりネットに流れてない情報なんですけど。UXデザイン界隈では有名な「グーグルUXデザインプロフェッショナル認定証」って講座があるんですが、実はそのコース3でFigmaのEducation planの特典があります。 社会人… https://t.co/1pURyKMUCt 続きを読む

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

2023/01/25 このエントリーをはてなブックマークに追加 140 users Instapaper Pocket Tweet Facebook Share Evernote Clip プロトタイピングツール Adobe XD アドビ 単体販売

アドビが、同社のプロトタイピングツール「Adobe XD」の単体販売を終了したことが1月24日までに分かった。ただし、「Creative Cloud」コンプリートプランには引き続き提供されており、契約すれば新規でのインストールも可能だ。 アドビが、同社のプロトタイピングツール「Adobe XD」の単体販売を終了したことが1月24日ま... 続きを読む

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

2023/01/24 このエントリーをはてなブックマークに追加 151 users Instapaper Pocket Tweet Facebook Share Evernote Clip 寝耳 やじうま 一本化 消失 Adobe

続きを読む

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

2022/12/16 このエントリーをはてなブックマークに追加 148 users Instapaper Pocket Tweet Facebook Share Evernote Clip UML Qiita Notion 狭間 デザイナー

本記事は Figma Advent Calendar 2022 16日目の投稿です。 仕様書を作るとき、あの情報はこのツールで書いたほうが楽、みたいな感じで、あっちこっちに情報が散逸することがありますよね。 かくいう私も、事業会社でデザイナーとPMの狭間みたいな仕事をしていまして、UMLだのデザインだの、複数のツールを跨いで作業をす... 続きを読む

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

2022/12/10 このエントリーをはてなブックマークに追加 225 users Instapaper Pocket Tweet Facebook Share Evernote Clip 萩野 Japan Yahoo デザイン業務 海外

こんにちは。Yahoo!ニュースでデザインを担当している萩野と小股です。 Yahoo!ニュースは、Yahoo! JAPANが運営する国内や海外のニュースを閲覧できるサービスです。1996年にサービスを開始し、2021年には25周年を迎えました。 そんなYahoo!ニュースでは、2020年より「Figma」を用いてデザイン業務を行っています。この記... 続きを読む

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

2022/11/17 このエントリーをはてなブックマークに追加 106 users Instapaper Pocket Tweet Facebook Share Evernote Clip ICS MEDIA ハードル カスタマイズ プラグイン 標準

ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードル... 続きを読む

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

2022/11/13 このエントリーをはてなブックマークに追加 108 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita CSS HTML デジタル庁 趣味程度

はじめに デジタル庁が公開したデザインシステムがよさそうなデザインでしたので、適当に遊ぼうかと思いました。 html/cssで公開してくれればすぐに使いやすいと思ったんですが、どうやらFigmaでしか配っていない。。 ということでhtml/cssに落とし込んでみました。 注意事項 趣味程度に作ったものを、使いたい人がいれ... 続きを読む

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

2022/09/30 このエントリーをはてなブックマークに追加 296 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブラウザベース Figma買収 Adobe コラボレーション

Adobeによるコラボデザインツール運営のFigma買収の報を受けて、劇的にユーザーを増やした企業がある。スペイン発のスタートアップ、Penpotだ。 Figmaが展開する「Figma」はブラウザベースのデザインツール。デザイナーや開発者を含むチームでのコラボレーションに最適化されており、アプリのUIのデザインやワイヤーフレ... 続きを読む

AdobeのFigma買収とAdobe XDのこれから

2022/09/20 このエントリーをはてなブックマークに追加 242 users Instapaper Pocket Tweet Facebook Share Evernote Clip Figma買収 Adobe Adobe XD ツイート 時間

※私はFigmaがAdobeに買収されたからといって、即座にFigmaがサービス終了するとは思っていません。ただ、アップデート速度が遅くなるなどゆっくりと時間をかけて衰退していったり、次第にユーザーが離れてしまうことはあり得ると思っています。 Adobe XDはどうなる? Web制作者の方のツイートを見ていると「Adobe XDがFi... 続きを読む

Shin Sasaki on Twitter: "Figmaの歴史はプロダクト開発者にとって学びの宝庫だった📝 1. 初期コンセプト「ブラウザ上のフォトショップ」は不発 2. 当時の常識は「1人かつオフライン」 3. 機能を絞

2022/09/16 このエントリーをはてなブックマークに追加 143 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォトショップ 宝庫 常識 https t.co

Figmaの歴史はプロダクト開発者にとって学びの宝庫だった📝 1. 初期コンセプト「ブラウザ上のフォトショップ」は不発 2. 当時の常識は「1人かつオフライン」 3. 機能を絞りUIデザインに特化し成功 4. 他ツールからシェア… https://t.co/F9dyeR8Gbv 続きを読む

Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手

2022/09/15 このエントリーをはてなブックマークに追加 372 users Instapaper Pocket Tweet Facebook Share Evernote Clip コラボレーションツール 買収 Adobe マーケ エンジニア

米Adobeは9月15日(現地時間)、デザインコラボレーションツール大手のFigmaを200億ドル(約2.9兆円)で買収すると発表した。2023年内に買収を完了する予定としている。 Figmaは、Webサイトやアプリなどのデザイン制作全般をWebブラウザ上で完結できるコラボレーションツール。プロダクトマネジャー、エンジニア、マーケ... 続きを読む

デザイナーやエンジニアの作業効率が向上するFigmaの運用方法を考える|osanai / ui designer|note

2022/09/12 このエントリーをはてなブックマークに追加 212 users Instapaper Pocket Tweet Facebook Share Evernote Clip カンム エンジニア デザイナー コンポーネント 作業効率

カンムでプロダクトデザインをしている osanai です。こんにちは。 前回ご紹介したコンポーネント品評会により、デザインシステムにおけるコンポーネントの課題について議論が進み、不必要なコンポーネントが生まれにくくなり、デザインの意図が汲み取りやすくなりました。 品評会をしていると、しばしばデザイナーとエ... 続きを読む

Figma」日本語版が公開 デザインコラボツール大手 ヤフー、LINE、楽天などがすでに導入

2022/07/27 このエントリーをはてなブックマークに追加 242 users Instapaper Pocket Tweet Facebook Share Evernote Clip マーケター デザインコラボレーションツール 米Figma

Figmaが、デザインコラボレーションツール「Figma」の日本語版を提供開始した。デザイナーだけでなく、エンジニア、マーケター、コピーライターなどが参加して一緒にデザインを作り上げる、チームでのデザイン制作を支援する。 デザインコラボレーションツール「Figma」を手掛ける米Figmaは7月27日、Figmaの日本語版を... 続きを読む

 
(1 - 25 / 66件)