はてブログ

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



タグ figma

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

Figmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート/ディラン・フィールドCEOが「Figma」の今後の展望を語る

2024/03/21 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip 付箋 要約 展望 生成AI機能 強化

続きを読む

Figma新機能|マルチ編集機能の概要と使いどころ|nanami

2024/03/08 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip 概要 デザイナー 使いどころ もと 機能概要

こんにちは!株式会社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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Web制作 基礎 Webデザインスクール スマートフォン時代

XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーデ... 続きを読む

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

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

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

2023年、Web制作・デザインに役立つ記事の総まとめ

2023/12/27 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip Web制作 総まとめ デザイン タイポグラ vscode

2023年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラ... 続きを読む

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

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

続きを読む

アドビ、Figmaの買収を断念

2023/12/18 このエントリーをはてなブックマークに追加 38 users Instapaper Pocket Tweet Facebook Share Evernote Clip 手掛 アドビ 断念 買収 デザインコラボレーションツール

米Adobeは、デザインコラボレーションツールを手掛ける米Figmaの買収を断念すると発表した。同買収については、欧州委員会や英国の競争・市場庁などが懸念を示しており、買収に必要な承認が得られないと判断したことから合併契約の終了を決めた。 米Adobeは12月18日(現地時間)、デザインコラボレーションツールを手掛... 続きを読む

Figmaの魅力がすぐわかる、仕事で即使える!おすすめテンプレ、プラグイン、ウィジェット【Figmaワークハック #4】 | ライフハッカー・ジャパン

2023/12/05 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip FigJam ウィジェット プラグイン 方々 特集

Figma/FigJamの活用術を、Figmaの方々に教えてもらう全4回の特集。今回はFigma/FigJamのおすすめテンプレート、プラグイン、ウィジェットをご紹介します。 続きを読む

タスク管理から自己分析、ブレストまで!FigJamはビジネス万能ツール【Figmaワークハック #2】 | ライフハッカー・ジャパン

2023/11/21 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip FigJam ブレスト ふせん ビジネスパーソン タスク管理

すぐできる!ふせんを使ったタスク管理術クリックして画像を拡大Screenshot: ライフハッカー編集部 via FigmaFigmaとFigJamのうち、ビジネスパーソンならまずはFigJamを使うのがおすすめ」とFigmaの谷さんはいいます。 オンラインホワイトボード・FigJamはデザインに限らず、使い方次第で様々な活用が可能。なかでも、... 続きを読む

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

GoogleがFigmaと提携、「Workspace」のホワイトボードは「Jamboard」から「FigJam」に/「Jamboard」は2024年12月に廃止

2023/10/02 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip Workspace Jamboard FigJam 廃止 提携

続きを読む

ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable

2023/09/22 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip Accessible Stark Sketch チェッ

公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む

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ですぐに使えるUIデザイン用のアイコン素材! シンプルで、可読性を最大限に高めた4,000種類のアイコン

2023/06/28 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip ソリッド アイコン 商用プロジェクト スマホアプリ 可読性

WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。 アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、す... 続きを読む

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

2023/06/27 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey vscode 米Figma 補完 買収

この記事は新野淳一氏のブログ「Publickey」に掲載された「VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応」(2023年6月26日掲載)を、ITmedia NEWS編集部で一部編集し、転載したものです。 2022年、米Adobeによる買収が発表され話題となったWebデザインツールを提供する米Figmaは6月23日... 続きを読む

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

Adobeによるデザインツール「Figma」買収についてEUが独占禁止法違反の調査実施へ

2023/06/20 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip content www.ft.com 買収 Adobe 準備

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

2023/05/24 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip SVG メディカル ヘルスケア Figma用 UI用

医療や健康、メディカル、ヘルスケアのアイテムが美しくデザインされたアイコン素材を紹介します。 珍しいアイコンがかなり多く揃っており、医療や健康関連のデザインをする時には重宝すると思います。SVGだけでなく、Figma用も...記事の続きを読む 続きを読む

 
(1 - 25 / 184件)