サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
都知事選
www.figma.com
Shortcut: Figmaのブログ 製品がどのように形作られ、そしてその製品がどのように世界を形作っていくのか、こちらでご紹介します。
May 1, 2024The evolution of Figma’s mobile engine: Compiling away our custom programming language We’ve long written core parts of our mobile rendering architecture in Skew, the custom programming language we invented to squeeze additional performance out of our playback engine. Here’s how we automatically migrated Skew to TypeScript without disrupting a single day of development. Skew began as a
デザインシステムを構築する時が来ました！ それぞれの目標や課題に合わせて、システムを構築する基本をご案内します。システムをゼロから構築する場合でも、既存のものから始める場合でも、それを活用することができます。 丁寧に作られたデザインシステムは、一体感のある、スケーラブルで効率的なデザインを作りたいチームにとって強力なツールです。共有言語を確立し、再利用可能なコンポーネントのライブラリを構築することにより、デザインシステムは製品全体の一貫性を生み出します。さらに、ワークフローの迅速化にもつながり、チームがユーザーの問題解決に集中できるようになります。 前回の記事で基本について学びましたが、デザインシステムの力を十分に活用するには、それを効果的に構築して実装する方法を知る必要があります。ただ言うほど簡単ではありません。このガイドでは、デザインシステムを構築するプロセスを明確で実践的な手順に分解
今日、私たちはCode Connectのベータ版を発表します。これは、コードをよりアクセスしやすくし、開発者にとってより有用にする機能です。デザインシステムの導入を進める手助けとなります。 デザインシステムは、デザインとコードの間のギャップを埋めるための最も強力なツールの1つです。共通の言語を作成することで、デザイナーと開発者がそれぞれのワークフローを横断して効率的に協力できるようになります。私たちは、自動レイアウト、バリアブル、コンポーネントプロパティ、そして昨年ローンチした開発モードなどの機能を通じて、デザインシステムをコードにより近づけるために一生懸命取り組んでいます。 これらの発展はありましたが、1つの大きな課題がまだ残っています。それは導入についてです。私はエンジニアリングマネージャーとしてこれを直接目にしてきました。顧客と話をする中で、「デザインシステムを構築したが、それが十分
Boost Your Figma Designs with Our Easy-to-Use Design System Generator: 🚀 Quick Design System Setup: Build design systems fast in Figma. Figr Identity helps you create and manage elements like styles and variables easily, making your design consistent and on-brand. 🔍 Seamless Figma Integration: ...
デザイナーと開発者の関係こそ、今日のビジネスにおいて最も重要なパートナーシップと言えるかもしれません。 ただし、よいパートナーシップを築く方法は必ずしも明確ではありません。もちろん、デザイナーにはデザイナーの考え方がありますが、開発者の考えも知りたいところです。 Figmaは最近、200人のフロントエンドエンジニアを対象に調査を実施し、開発者がデザイナーとどのように連携したいのかを探りました。この調査により、以下のことが明らかになりました。 開発者が考える、デザイナーが開発プロセスについて知るべきこととは?開発者が考える、自分たちがデザインプロセスに参加すべきタイミングとは?より良いコラボレーションが、会社の業績に与える影響とは?レポートを今すぐダウンロード
When our permissions system came apart at the seams, everything came to a halt. This is the story of how we fixed it while improving performance, accuracy, and developer ergonomics. Collaboration is core to Figma. It’s why we built Figma on the web, and why multiplayer is such an important part of the Figma editor. This focus on collaboration also means that our permissions rules are complex—decep
Our nine month journey to horizontally shard Figma’s Postgres stack, and the key to unlocking (nearly) infinite scalability. Vertical partitioning was a relatively easy and very impactful scaling lever that bought us significant runway quickly. It was also a stepping stone on the path to horizontal sharding. Figma’s database stack has grown almost 100x since 2020. This is a good problem to have be
Understand the basics of design systems, what they are, how they work, and how they can change the way you design. Design systems are often the unsung heroes of the products we use every day—from mobile apps and websites to the interfaces on television screens and car dashboards. They serve as the DNA for product design, encoding the principles and elements that define the very experience users in
デジタル技術をユーザーフレンドリーにするためには、デザインの力が欠かせません。表層的な部分のみならず、サービス全体のデザインから携わり、さらにそのナレッジを共有していくことでよりスマートな課題解決に結びつけられます。 デジタル庁では、Figmaのデザインプラットフォームなどの各種ツールを導入し、誰一人残されない、人にやさしいデジタル化に取り組んでいます。ここでは、Figmaが主催「デザイン経営2023」カンファレンスから、デジタル庁 サービスデザインユニットのマネジャーを務める鈴木伸緒氏講演内容を抜粋し、行政におけるデザインの役割についてご紹介します。 イントロダクション日本の行政サービスのデジタル化を推進する組織として、2022年に発足した『デジタル庁』。そのミッション「誰一人取り残されない、人に優しいデジタル化を。」のもとに、省庁や自治体をまたいだデータ連携や、デジタル技術を用いた安全
2月1日に正式リリースされた開発モード(Dev Mode)についてのよくある質問や、関連するリソースを集めたFigJamです。
私たちは、アイデアからコードまでの製品開発をよりスムーズに進行させるために、開発モード(Dev Mode)を開発しました。そして本日、この開発モードがついにベータ版から正式版へと移行したことをお知らせします。私たちの製品哲学や、開発者やデザイナーの体験をどのように改善しているか、そしてこれから何が起こるのかについて詳しくご紹介します。 Figmaは、決してデザインだけを目的としたツールとして設計されたわけではありません。なぜなら、デザインは単に役割だけではなく、素晴らしい製品を創り出すことそのものだからです。そのため、私たちはFigmaをウェブ上で構築しました。一つのリンクだけで、チーム全体が進行中の作業に協力し、ファイル内で初期段階の探索を共有することができます。このマルチプレイヤー的なアプローチは、チームが一緒になって共有スペースで問題を解決することを促進し、デザインにすべての人がアク
Figma入門資料になります🦁 Figmaについての説明から始まり、操作の基本・スタイル・コンポーネント・オートレイアウトの機能まで解説しています。 ページ構成 👋 イントロダクション📏 操作の基本💃 スタイル❖ コンポーネント😎 オートレイアウト⛲️ 作業スペース 提供：Design Homies https://twitter.com/Design_Homies クレジット MEGTARO / Atarapi / たらりら / もろじゃいる
Fifteen months into the regulatory review process, Figma and Adobe no longer see a path toward regulatory approval of our proposed acquisition. Figma and Adobe have reached a joint decision to end our pending acquisition. It’s not the outcome we had hoped for, but despite thousands of hours spent with regulators around the world detailing differences between our businesses, our products, and the m
About this plugin The A11y - Focus Order plugin lets you add accessibility annotations over your designs for the interactive elements of desktop, website, and mobile applications. You can share these annotations with engineers as part of your design. Accessibility is critical for good desig...
Design Manager Juli Sombat sheds light on how a need for more cohesion led Spotify’s design systems team to take a cross-platform approach to components. In 2019, when our leadership at Spotify unveiled their ambition to make audio content available and consistent to anyone on any device, our design team faced a significant challenge: Spotify would now be available across 45 unique platforms, and
When a laptop crashed in an empty office, we knew it was time to overhaul our performance testing framework. In 2018, all we needed was a single MacBook. At least, that’s all we needed to run our entire in-house performance testing system. The laptop looped the same couple of test scenarios over and over, and reported any changes and timings every hour or so to a shared dashboard. We wrote all abo
本日は、変更内容の比較機能、プラグイン、Figma for VS Code 拡張機能の改善とともに、開発モード(Dev Mode) のアノテーションを紹介します。開発モードは、1月31日(PST)に無料ベータを終了します。
Spindle UIについて Spindle UIとは、 CyberAgentが提供するブログサービス、「Ameba」のデザインシステムである「Spindle」に内包されたUIライブラリの総称です。 Spindle UIは、「Ameba」に属する者がAmebaらしさを一貫して体現するために必要な必要十分な共通Component郡で、その全てが「Ameba」のブランド指針に準拠するものです。 「Ameba」の開発者はSpindle UIを参照し、共通化されたライブラリから任意のComponentを再利用することができます。 また、Spindleコントリビューター(通称 : Spi...
It's a chore keeping icons updated cross-functionally. Mezze allows you to convert and export icons as React components, and pushes changes directly to your Git repos. See Mezze in action 🎬 ⚡ Benefits: Designers no longer have to export icons from Figma every time there are changes or additions...
I've updated Figma's internal design system file to include all the latest features introduced since its last update in 2019: Components with variantsVariablesAuto layoutFigJam
The latest files and plugins from デジタル庁 (@digitalagencyjp) — Digital Agency, Government of Japan デジタル庁の公式アカウントです。 デザインシステムに関するご要望・ご質問はデジタル庁ウェブサイトよりお問い合わせください。 https://form-www.digital.go.jp/contact/
デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 デザインシステムについての詳細や更新履歴はデジタル庁ウェブサイトをご覧ください。 ※Figma Communityにて公開中のデータは、Figma Communityの規定によりCC BY 4.0のライセンスが表記されます。ただし、このファイル内のイラストレーション・アイコン素材に関してはデジタル庁ウェブサイトに掲載の「イラストレーション・アイコン素材利用...
Variables are now available! Hurray! Stop manually adding all your styles; instead, use this plugin to spend more time playing with aliases, modes, and updating your design system components. Only compatible with Color styles (solid and transparent). How to use it: Open the plugin(Optional) Cho...
開発モードの紹介: アイデアからIRLへの最速の方法。あらゆる規模のチームがFigmaでデザインと開発をより緊密に連携できるようになりました。
June 21, 2023Making Figma better for developers with Dev Mode How can a design tool work better for developers? It’s a question we’ve been asking ourselves and our community. Today, we’re excited to introduce Dev Mode, a new workspace in Figma that’s designed to get developers what they need, when they need it, harnessing the tools they use every day. Figma was born on the web—an unconventional st
Figma Community file - デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 デザインシステム構築の目的の詳細はデジタル庁ウェブサイトをご覧ください。 更新履歴 2023.5.31 入力フォーム構築時の指針となるテンプレートを追加しましたカラー、タイポグラフィ、テキスト入力などを更新しました 2022.12.28 リンクテキスト、テキストエリアのガイドを更新しました 2022.11.14 軽微な修正を行いましたアイコンを一部修正...
While these fixes moved the needle, they had limitations. By analyzing our database traffic, we learned that writes— like gathering, updating, or deleting data—contributed to a significant portion of database utilization. Additionally, not all reads or data fetching could be moved to replicas due to application sensitivity to replication lag. So, from both a read and write perspective, we still ne
次のページ
このページを最初にブックマークしてみませんか？
『Figma: The Collaborative Interface Design Tool』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
