Figma

532 posts

figma2 min readCurated summary

Hard Problems Are Still Hard: A Story About the Tools That Change and the Work That Doesn't | Figma Blog

Nikolas Klein reflects on seven years building Figma’s prototyping tools and how AI transformed the design landscape. While AI changes the tools and accelerates execution, it does not eliminate the difficult work of framing problems, making judgments, iterating, and collaborating. The central conclusion is that AI is another tool in the designer’s toolbox—not a replacement for human insight. ## A Career in Prototyping - Klein describes moving from Figma designer to product manager. - His work centered on building interactive prototyping tools over several years. - Prototyping involved continual experimentation, iteration, and collaboration between designers and engineers. ## AI Changes the Tools - The arrival of AI prompts fundamental questions about the future role of designers and prototyping. - AI can generate ideas and help produce outputs more quickly. - The shift can feel overwhelming because it changes familiar workflows and raises uncertainty about which skills remain valuable. - Klein ultimately frames AI as an addition to the existing toolbox rather than a complete replacement for traditional design tools. ## The Work That Remains Difficult - AI does not remove the need to understand the underlying problem. - Designers still need to exercise judgment, evaluate alternatives, and decide what should be built. - Complex work depends on iteration, animation, interaction design, and close collaboration. - Human expertise remains important for turning vague ideas into coherent, useful experiences. ## Collaboration and the Future - Designers and engineers continue to contribute complementary perspectives. - AI can work alongside people, supporting exploration while humans provide direction and context. - The tools may evolve rapidly, but the challenge of solving meaningful, complex problems remains. The practical recommendation is to adopt AI as part of a broader creative workflow while continuing to develop the judgment, collaboration, and problem-solving skills that difficult design work requires.

Read original(opens in new tab)
figma2 min readCurated summary

Figma Make Is Now Available in Figma for Government | Figma Blog

Figma Make is now available in Figma for Government, giving federal agencies a secure way to create and test interactive prototypes. Figma argues that faster, collaborative design can help modernize public services, improve accessibility, and build public trust. The feature is available within Figma’s FedRAMP Moderate–authorized environment, although some cloud infrastructure will not reach full compliance until 2026. ## Modernizing Public Services - Government teams are improving services such as public portals, operational systems, benefits platforms, and research tools. - The online passport renewal system demonstrates the potential impact: by 2025, more than two million people had renewed passports online, with 97% reporting a positive experience. - Public-sector projects are difficult because policymakers, technologists, and operational leaders must coordinate under changing requirements and limited resources. - A 2025 executive order highlighted usability, accessibility, and design consistency as essential to citizen-facing services. ## Faster Prototyping and Collaboration - Figma Make enables teams to turn ideas into interactive prototypes in hours rather than weeks. - Designers, policy leaders, researchers, engineers, and IT staff can collaborate in a shared workspace. - Teams can test workflows and validate assumptions with citizens before development begins. - Shared libraries, integrations, accessibility standards, and design patterns help agencies maintain consistency. - Prototyping supports a wide range of initiatives, including federal benefits, financial communications, education platforms, space systems, and internal agency tools. ## Security and Compliance - Figma Make is included in Figma for Government and operates within its authorized environment. - Figma for Government is FedRAMP Moderate authorized, providing agencies with a compliant foundation for design and prototyping. - Figma notes that part of its cloud infrastructure is expected to achieve full FedRAMP Moderate compliance in 2026, while Make is usable today within the authorized environment. ## Broader Government Design Efforts - Federal agencies are already using Figma to modernize complex public services. - Shared design systems can improve accessibility and consistency across agencies and products. - Examples such as the National Park Service’s digital app illustrate how small teams can transform large, paper-based systems into accessible digital experiences. Figma positions Make as a practical tool for helping agencies adopt faster, citizen-first design processes. Government teams can use it to explore ideas early, collaborate across disciplines, and test accessible services before committing development resources.

Read original(opens in new tab)
figma2 min readCurated summary

Turn Your Prompts Into Visual Assets and Slide Decks With the Figma App in ChatGPT | Figma Blog

Figma has expanded its ChatGPT app beyond FigJam diagrams, allowing users to generate editable visual assets and presentation decks. ChatGPT provides initial creative directions, while Figma Buzz and Figma Slides support detailed editing, branding, resizing, and collaboration. The workflow is designed to move quickly from an idea or outline to a polished, team-ready result. ## Creating Visual Assets with Figma Buzz - Users can prompt ChatGPT to generate starting concepts for posters, invitations, digital ads, and video collages. - The app can produce multiple variations of a visual identity, layout, and copy. - Assets can then be opened in Figma Buzz for refinement, including: - Editing text and typography - Adjusting color palettes with blend modes - Applying brand-specific changes - Resizing designs for LinkedIn, X, Instagram, and other platforms - Figma Buzz is intended to make polished marketing assets accessible even to people without specialized design skills. ## Building Presentations in Figma Slides - ChatGPT can generate a Figma Slides deck from a user-provided outline or suggest a presentation flow. - Example decks include “year in review” templates organized around goals, priorities, highlights, and completed projects. - Users can select a generated option and continue editing collaboratively in Figma Slides. - Teams can replace generated images, adjust templates, and refine colors and typography to match brand guidelines. - Interactive features such as live polls, stamps, and alignment scales support feedback and discussion during presentations. ## Availability - The Figma app is available to ChatGPT users outside the European Union. - Figma Buzz and Figma Slides features are currently in beta within the app. The recommended workflow is to use ChatGPT for rapid ideation and first drafts, then move into Figma Buzz or Figma Slides for brand alignment, detailed editing, and collaborative refinement.

Read original(opens in new tab)
figma2 min readCurated summary

Introducing Three New Tools For Precise Image Editing In Figma | Figma Blog

Figma introduced three AI-powered image editing tools—Erase object, Isolate object, and Expand image—to make detailed image manipulation possible without leaving the design canvas. The tools complement existing features such as background removal, cropping, and AI image generation, helping designers refine assets in context. A new image-editing toolbar brings these capabilities together for faster, more integrated workflows. ## Erase and Isolate Objects - **Erase object** removes a selected object from an image. - **Isolate object** separates an object or person so it can be edited or repositioned without changing the background. - Users can select objects with a lasso and apply: - Lighting and color adjustments - Blur and focus effects - Color correction - Shadows - These tools are useful for refining product photos, removing distractions, and emphasizing key visual elements. - Text-prompt editing remains available through Figma’s **Edit image** feature, but the new tools provide more precise manual control. ## Expand Images for New Layouts - **Expand image** generates additional background content to fit a new aspect ratio. - It adapts images for formats such as: - Mobile layouts - Web banners - Social media assets - Unlike cropping, expansion preserves the original subject and surrounding context without distortion. - For example, a square product image can be expanded into a wide banner while leaving room for text. ## A Unified Image-Editing Toolbar - The new toolbar combines the three AI tools with existing capabilities, including: - Remove background - Crop - AI image generation and editing - Remove background is now easier to find because it is one of the most frequently used AI actions in Figma. - The tools are available across Figma, including FigJam, Slides, and Buzz beta, with some seat restrictions. - In Figma Design and Figma Draw, they are available to Full-seat users on Professional, Organization, and Enterprise plans with AI enabled. - AI actions consume Figma credits. These updates aim to keep image editing inside Figma, reducing the need to switch between external tools. Designers can now make precise object-level edits, adapt images to different formats, and maintain visual consistency directly within their workflows.

Read original(opens in new tab)
figma2 min readCurated summary

Updates to AI Credits in Figma | Figma Blog

Figma is expanding access to AI while adding clearer controls over credit consumption. The company has introduced usage tracking for both administrators and individual users, and will soon offer subscription-based and pay-as-you-go options for additional credits. Seat credit limits will become enforceable beginning March 18, 2026. ## Tracking AI Credit Usage - Billing administrators can see: - Which team members use AI features - How many credits each person has consumed - Which users have run out of credits - How many days remain before credits reset - Individual users can view their remaining balance and reset date. - Most AI actions will display the number of credits they consume. ## Purchasing Additional Credits Beginning March 11, 2026, teams will have two ways to buy credits beyond their included allowances: - **AI credits subscription** - Provides a shared monthly credit pool. - Offers better rates for teams with regular AI usage. - Packages begin at 5,000 credits per month. - **Pay-as-you-go billing** - Charges teams only when additional credits are needed. - Can be used independently or alongside a subscription. - Supports a team-defined spending limit. - Expected to become available by Q2 2026. Example pricing includes: - 5,000 credits: $120 monthly subscription or $150 pay-as-you-go - 7,500 credits: $180 monthly subscription or $225 pay-as-you-go - 10,000 credits: $240 monthly subscription or $300 pay-as-you-go ## Included Credit Allowances and Enforcement Monthly seat allowances vary by plan: - Starter: 500 credits - Professional full seats: 3,000 credits - Organization full seats: 3,500 credits - Enterprise full seats: 4,250 credits - Other seats: generally 500 credits Figma will begin enforcing all seat credit limits on March 18, 2026. Teams should therefore monitor usage and choose either an add-on subscription or pay-as-you-go billing if their AI needs exceed the included amounts.

Read original(opens in new tab)
figma2 min readCurated summary

Figma Expands Support for India with Local Data Hosting and New Governance Tools | Figma Blog

Figma is expanding its support for India with local hosting for Figma file data and stronger enterprise governance tools. Local data residency is planned for Q1 2026, helping regulated organizations meet security and compliance requirements while maintaining Figma’s performance. Governance+ is already available to Enterprise customers in India. ## Local Data Hosting for Indian Customers - Figma file data will be hosted within India, including content from FigJam, Make, Sites, Buzz, and Slides. - The option is intended for regulated sectors such as public services, healthcare, and finance. - Indian users created more than 35 million files between October 2024 and September 2025. - India is Figma’s second-largest active user base globally. - The offering builds on existing data residency options in Australia, Europe, and the United States. - Figma has expanded its local presence through a new Bengaluru hub and serves companies including Airtel, Flipkart, Swiggy, TCS, and Zomato. ## Governance+ for Enterprise Teams Governance+ gives organizations more control over how employees access and use Figma: - **Centralized control:** IP Allowlisting and Network Access Restrictions help ensure work occurs in approved Figma instances and networks. - **Account security:** Enforced two-factor authentication, extended idle session timeouts, and support for multiple identity providers reduce account-compromise risks. - **Data governance:** The Discovery Pipeline provides visibility into activity to support retention policies and legal discovery. - Governance+ complements existing tools such as activity logs, SSO, SCIM-based seat management, and restrictions on external collaborators. - The feature is available now to all Enterprise-plan customers. Figma’s India strategy combines regional data residency with tighter administrative controls, making the platform more suitable for organizations with strict privacy, security, and regulatory obligations. Enterprises interested in local hosting can register their interest ahead of its planned Q1 2026 launch.

Read original(opens in new tab)
figma3 min readCurated summary

Double Click: What Does It Mean To Be A Designer In The Age Of AI? | Figma Blog

AI is blurring the boundaries between design, development, and product management, making traditional job titles less stable. Figma argues that titles still matter, however: they communicate expertise, shape expectations, support career development, and contribute to professional identity. As AI changes the tasks within jobs, people may increasingly identify as generalists or combinations of roles rather than occupying a single fixed profession. ## The rise of hybrid roles - Figma reports that **64% of product builders identify with two or more roles**. - AI is taking on increasingly specialized tasks, increasing the value of people who can connect ideas across disciplines. - Designers, developers, and product managers are increasingly working across traditional boundaries. - Jobs can be understood as “bundles of tasks” whose importance changes as technology and industry needs evolve. ## Why titles still matter - Titles provide shorthand for understanding someone’s expertise, responsibilities, and status. - They help establish expectations when people meet or collaborate for the first time. - Professional titles can support career ladders and communicate alignment with the values of an industry. - Research cited from Adam Grant found that allowing employees to choose their own titles improved psychological safety and reduced emotional exhaustion by up to 10% over five weeks. - Professional organizations and certifications reinforce the importance of titles in fields such as architecture, engineering, and medicine. ## Titles evolve with technology - The meaning of “designer” has changed from a focus on physical objects and print to digital products and software. - “Software engineer” emerged in the 1960s as the industry confronted the complexity of building software for increasingly powerful computers. - New technology continually creates, reshapes, and sometimes eliminates roles; “prompt engineer” is presented as a recent example. - During the dot-com era, some professionals combined responsibilities spanning product management, program management, development, and art. ## Roles shape expectations and identity - Titles influence how others perceive a person’s expertise and what work they are expected to perform. - Nikolas Klein describes himself as “a product designer in a PM trenchcoat,” showing how people may retain one identity while operating in another role. - Moving into product management made Klein’s strategic and service-design skills more visible and reduced assumptions that his work centered mainly on visual design. - Developer advocate Jake Albaugh views roles as potentially limiting because their definitions change as expertise grows. - At the same time, adopting the title “software engineer” after working as a web designer gave Albaugh a sense of confidence and recognition. Organizations and individuals will likely need to treat titles as flexible signals rather than rigid boundaries. The most durable professional identity may come from the value someone creates and the connections they make—not from a single fixed job label.

Read original(opens in new tab)
figma2 min readCurated summary

Creativity meets precision with Gemini 3 Pro Image Pro | Figma Blog

Google’s Nano Banana Pro, part of Gemini 3 Pro, brings more precise and context-aware image editing to creative workflows. The model can generate variations while preserving a design’s visual identity, including its palette, typography, composition, and subject likeness. Figma presents it as a tool for refining and extending ideas across products rather than simply regenerating images. ## Design Coherence Across Variations - Nano Banana Pro retains a design’s “visual DNA,” including color, texture, type, composition, and imagery. - In Figma Buzz, it creates branded social-asset variations while preserving logos, simple illustrations, and overall composition. - It can adapt illustrations for different contexts, such as converting a set of winter-themed images into dark-mode versions with minimal prompting. ## Extending Existing Work - The model can place illustrations into new environments while matching lighting and mood-board references. - In Figma Slides, it embedded an astrology-app illustration into a cozy reading scene and added complementary details such as a star-shaped light. - It can reframe portraits, change camera angles, and update backgrounds while maintaining a person’s likeness. - This makes it useful for keeping employee headshots and other brand imagery visually consistent. ## Building Composite Scenes - Figma Weave enables users to combine graphics, copy, photography, and other visual elements into unified scenes. - Nano Banana Pro helps maintain coherence when disparate assets are composited together. - These scenes can be extended with Google’s Veo for motion, as well as 3D models, upscalers, background-removal tools, and prompt-refinement models. ## Editing in Context Across Figma - The model is integrated into Figma’s products, including Buzz, Design, Slides, and Weave. - Users can refine existing images instead of starting over, making targeted changes to text, spot colors, and other details. - Typography can be localized, faces remain natural, and the surrounding visual context is preserved. Nano Banana Pro is most valuable when creative teams need fast iteration without sacrificing brand consistency or image integrity. Figma recommends experimenting with it directly as a flexible tool for refining, remixing, and expanding visual concepts.

Read original(opens in new tab)
figma2 min readCurated summary

5 Shifts Redefining Design Systems in the AI Era | Figma Blog

Design systems are evolving from static libraries into living frameworks that preserve craft, context, and brand identity while AI accelerates product development. The article argues that speed without direction creates divergence, whereas AI grounded in a strong design system can increase exploration and execution without sacrificing quality. This shift requires systems to encode not only reusable assets, but also the reasoning and standards behind them. ## From consistency guides to carriers of craft - AI can generate quickly, but without clear foundations its work may drift from a team’s vision. - Design systems increasingly encode taste, intuition, interaction patterns, and creative identity. - Components, layouts, and interactions can carry a consistent sensibility throughout development. - The goal is to scale production while preserving the human qualities that distinguish a product. ## Enabling grounded exploration - AI tools such as Figma Make allow teams to generate many design directions rapidly. - A robust design system keeps those explorations usable by grounding them in shared components and established patterns. - Teams can test variations in layouts, colors, and component arrangements without starting from scratch. - Once a direction is selected, moving to production becomes more about refinement than reconstruction. ## Building systems for AI consumption - Traditional systems assumed that designers and developers could infer missing context from the brand and business. - AI lacks that implicit understanding, so systems must explicitly document: - Design rationale - Constraints and decision criteria - Examples of quality - Usage guidance across documentation, code, and design - Tokens and components alone are insufficient; AI needs the surrounding context to produce aligned outputs. ## Expanding into governance - Design system teams are moving beyond maintaining component libraries. - Their role increasingly includes governing the broader set of tools and workflows through which people contribute to products. - This is especially important as AI enables contributors without traditional design or product titles to influence product experiences. - The provided excerpt ends while introducing this broader governance role, so the article’s fifth shift is not included. Overall, teams should treat design systems as active sources of craft and context—not merely collections of reusable components. Systems that make implicit knowledge explicit can help AI increase speed while keeping product decisions coherent and distinctive.

Read original(opens in new tab)
figma2 min readCurated summary

Figma Opens a New Hub in India | Figma Blog

Figma has opened a new hub in Bengaluru to support India’s rapidly expanding design and product-development community. India is now Figma’s second-largest market by monthly active users, with strong adoption among major companies and growing interest in AI-assisted design and development. The Bengaluru office is intended to bring Figma closer to local users while helping shape the future of product creation in India. ## Bengaluru Hub and India’s Growing Community - The office opened on November 12, 2025, after more than 7,000 people registered for the launch event. - Figma says India has nearly 25,000 Friends of Figma community members. - More than 40% of Bombay Stock Exchange 100 companies used Figma as of September 2025. - Major customers include Airtel, Flipkart, Swiggy, Zomato, Myntra, Groww, and TCS. ## AI’s Impact on Design and Development Research surveying 730 design, engineering, and product leaders found that: - 93% of designers’ companies already use AI in design. - 85% of designers believe AI makes writing code easier. - 81% of developers say design is increasingly important to successful AI-powered products. These findings support Figma’s broader strategy of connecting design, code, collaboration, and AI in one platform. ## Figma’s Expanding Product Platform At the Bengaluru launch, Figma highlighted tools across its product ecosystem: - **Figma Design:** Create digital products. - **Figma Make:** Turn prompts or designs into prototypes and applications. - **Dev Mode:** Help developers translate designs into code. - **Figma Sites:** Design and publish websites. - **FigJam:** Collaborate through online whiteboards. - **Figma Slides:** Build interactive presentations. - **Figma Draw:** Create advanced vector illustrations. - **Figma Buzz:** Produce branded marketing assets at scale. Figma also introduced **Figma Weave**, based on its acquisition of Weavy, to add AI-native capabilities for image, video, animation, motion design, and VFX creation. ## Figma’s Global Expansion - 85% of Figma users were outside the United States in Q1 2025. - About half of Figma’s 2024 revenue came from international markets. - Bengaluru joins Figma offices in cities including Tokyo, Singapore, London, Paris, Berlin, Sydney, São Paulo, and New York. The new hub reflects Figma’s shift from a standalone design tool toward a global, AI-powered platform supporting the full journey from idea to product.

Read original(opens in new tab)
figma2 min readCurated summary

ServiceNow and Figma Launch Strategic Collaboration to Turn Design Vision Into Enterprise Transformation | Figma Blog

ServiceNow and Figma have launched an MCP-powered integration that turns Figma designs directly into enterprise applications. By using a Figma design link as a prompt for ServiceNow’s Build Agent, teams can automate the transition from visual concept to secure, scalable software. The collaboration aims to combine Figma’s design context with ServiceNow’s AI workflows, governance, and platform intelligence. ## From Design to Enterprise Application - Developers can provide a Figma design link directly to the ServiceNow integrated development environment. - ServiceNow’s Build Agent interprets layouts, components, styles, and other design details. - The agent generates a functional enterprise application rather than merely reproducing an image. - The process is intended to reduce manual coding, improve consistency, and accelerate development from minutes-long design-to-build workflows. ## Powered by Figma’s MCP Server - Figma’s Model Context Protocol (MCP) server gives ServiceNow structured design context. - This deeper understanding supports higher-fidelity translations of designs into working applications. - The integration connects design intent with production code, helping designers, product builders, and professional developers collaborate more effectively. ## Security and Governance - The integration uses OAuth 2.0 authentication and secure server-to-server communication. - Access tokens are stored within the customer’s ServiceNow instance to support privacy and compliance. - Applications created through Build Agent inherit ServiceNow capabilities such as permissions, audit trails, version control, and enterprise governance. ## Availability and Broader Impact - The integration is available in the latest ServiceNow Build Agent release through the ServiceNow Store. - Customers must request access after installation. - ServiceNow and Figma position the collaboration as a way to deliver AI-powered experiences faster while preserving human-centered design and enterprise-scale reliability. - Figma’s CTO emphasizes that design quality will remain a key differentiator as AI-generated software becomes more common. Organizations using both platforms can now shorten the path from prototype to production while maintaining security, governance, and design fidelity. The integration is especially suited to teams that want to accelerate enterprise application development without losing the original design intent.

Read original(opens in new tab)
figma3 min readCurated summary

Schema 2025: Design Systems For A New Era | Figma Blog

Figma’s Schema 2025 announcements present design systems as living infrastructure for an AI-driven product development process. They are evolving beyond static rules into a shared language connecting design, code, people, and AI. The updates focus on scaling across brands, enabling flexibility without sacrificing consistency, and improving the connection between design intent and implementation. ## Design systems for the AI era - As product, design, and engineering roles increasingly overlap, more people and AI tools contribute to product development. - Design systems can provide the common language needed to maintain consistency across these contributors. - Figma aims to help teams preserve quality and design intent while allowing ideas to evolve across products and platforms. - The announced features emphasize: - Power balanced with flexibility - Better connections between design and code - Broader participation in the design process ## Extended collections for multi-brand systems - Traditional variables work well for straightforward theming but can be limiting for organizations with multiple products and distinct brands. - Extended collections allow teams to create a white-labeled version of a core design system. - Individual teams can add, publish, and reuse their own themes while remaining connected to the parent system. - Extensions automatically inherit updates such as new variables or color changes. - Explicitly overridden values remain customized, allowing local flexibility without losing synchronization. - Extended collections are expected to become available in November. ## Slots for flexible components - Conventional Figma components restrict how designers can modify instances. - For example, dropdown components traditionally required hidden list items or detaching the component to add new content. - Slots will allow designers to insert their own layers inside component instances without breaking the connection to the design system. - Component authors can specify which types of instances a slot accepts. - This improves usability while preserving design-system compliance. - Slots are available through an early-access program. ## Check designs for better token usage - Developers often need clarification about which exact design token corresponds to a raw value in a design. - The Check designs linter identifies elements that should align with the design system, including variables. - Figma’s custom model suggests the appropriate variable for each context. - Designers can review suggestions before applying them and then hand off more reliable designs to development. - Early access is available to organizations and Enterprise full-seat plans. Figma’s direction is to make design systems more adaptable and intelligent: centralized enough to preserve consistency, but flexible enough for multiple brands, contributors, and use cases. Teams should look toward systems that can actively guide design and implementation rather than merely document standards.

Read original(opens in new tab)
figma2 min readCurated summary

Three New Features to Help Build Brand Momentum With Figma Buzz | Figma Blog

Figma is expanding Figma Buzz to help marketing teams create branded assets at scale while preserving design-system consistency. The October 2025 update introduces configurable templates based on component properties, plugin integrations, and built-in video trimming. Together, these features give marketers more flexibility while helping brand teams maintain control over approved designs, assets, and content. ## Configurable Templates Built on Design Systems - Brand designers can copy templates from Figma Design component sets into Figma Buzz. - Component properties automatically remain functional in Buzz. - Marketers can customize templates through the **Change layout** panel by: - Selecting layout variants - Toggling elements such as dates on or off - Switching between approved component instances - Changing colors, logos, calls to action, or illustrations - Teams can offer flexible template variations without creating and maintaining hundreds of separate files. - The result is easier template discovery and customization without compromising brand guidelines. ## Plugins for Connected Marketing Workflows Plugins are now available directly in Figma Buzz, reducing the need to move between design and marketing tools. Initial integrations focus on digital asset management, translation management, and animation, while teams can also create and publish internal plugins. ### Digital Asset Management DAM integrations let marketers access approved assets and keep designs synchronized without leaving Figma Buzz. Featured plugins include: - Air - Brandfolder - Bynder - OrangeLogic These connections support browsing and importing approved images, as well as uploading completed designs back to asset-management systems. ### Translation Management Translation-management integrations allow teams to pull localized copy directly into Figma Buzz templates. This helps marketing organizations scale campaigns globally while keeping translations connected to their visual design context. ## Video Trimming - Users can trim videos directly inside Figma Buzz. - This provides more control over how video content appears in branded assets. - It builds on earlier support for importing and exporting video. Figma positions these additions as part of its broader effort to make Buzz a scalable workspace for brand and marketing teams. Teams can use design-system-driven templates for consistency, plugins to connect existing workflows, and in-app video editing to produce polished campaign assets more efficiently.

Read original(opens in new tab)
figma2 min readCurated summary

Design Systems: From the Basics to Big Things Ahead | Figma Blog

Design systems create consistency at scale while connecting design work to production. The post argues that as AI accelerates product development, organizations need a well-documented, shared foundation more than ever. It offers a progression from design-system fundamentals to adoption and measurement, alongside examples and resources for teams at different maturity levels. ## Design Systems 101 - Design systems evolved from: - Graphic-design and print-era style guides - Typographic standards and brand guidelines - Digital systems created by companies such as IBM, Microsoft, Apple, and Google - These systems translated visual and interaction standards from paper into digital interfaces. - The National Park Service’s adaptation of Massimo Vignelli’s 1977 design system illustrates how established systems can be carried into modern digital products. - Figma’s design-system series is intended for both teams starting their first system and organizations scaling existing ones. ## Documentation Drives Adoption - Documentation turns abstract principles into practical guidance for designers and developers. - It provides a shared reference point and helps users understand how to work with system tools and components. - Alaska Airlines prioritized documentation for its Auro design system, including guidance for Figma features such as auto layout and branch merging. - Documentation must serve different roles: - Some users need detailed specifications. - Others benefit from high-level explanations or visual examples. - As more roles participate in product design, documentation needs to remain clear, accessible, and relevant. ## Measuring Design-System ROI - Organizations can evaluate business impact through: - Component usage - Adoption rates - Consistency scores - Metrics can reveal not only whether a system is being used, but also where it needs improvement. - At athenahealth, increased detachments from a container component prompted investigation. - Detaching may indicate: - A component bug - Missing functionality - Unexpected combinations of existing elements - These signals help design-system teams prioritize fixes and enhancements. The practical recommendation is to treat a design system as an evolving product: establish strong foundations, document them for varied audiences, and use adoption and usage data to continually improve the system.

Read original(opens in new tab)
figma2 min readCurated summary

15+ Ways We're Improving Accessibility in Figma | Figma Blog

Figma is rolling out more than 15 accessibility improvements to make its products easier to use with keyboards, screen readers, and enhanced contrast settings. The updates expand keyboard control across Figma Design, FigJam, Slides, Buzz, commenting, and Dev Mode, while improving screen-reader navigation and object descriptions. Together, they aim to make collaboration, canvas editing, and handoff more reliable for people with different access needs. ## Expanded Keyboard Controls - Users can navigate and manipulate more canvas objects without a mouse. - **Figma Design:** Add and edit lines, adjust ruler guides, and create or edit arcs from ellipses. - **FigJam:** Manage table rows and columns, adjust stamps, votes, washi tape, marker lines, and highlighter strokes, and navigate embedded content and other canvas objects. - **Figma Slides:** Resize presenter notes and adjust writing tone with AI. - **Across products:** Open and move between links in edit or view-only mode. ## Keyboard Support for Comments and Collaboration - Add, move, and navigate comments across Figma products. - Navigate and manage Dev Mode annotations with shortcuts. - Move between discussions without losing keyboard focus. - New personalization toggles let users disable Figma-exclusive shortcuts while typing and choose whether Spotlight automatically follows other users. ## Improved Screen Reader Support - Tab navigation through buttons, menus, panels, and other actions now follows a more logical order. - Users can jump directly to specific actions, such as opening menus or activating toolbar controls. - Object announcements include details such as type, name, and state. - More consistent announcements help users detect new comments and file updates. - Screen readers preserve rich-text meaning, including bold, italics, lists, and links. - Canvas objects in Buzz and Slides can now be recognized and announced. ## Enhanced Color Contrast - A new setting increases contrast between text, interface elements, and backgrounds in both light and dark modes. - The option can be enabled through Accessibility settings, the Actions menu, or General settings. - Stronger contrast improves text and icon legibility, clarifies interface structure, and makes buttons and outlines easier to identify. - It can also improve visibility in glare, sunlight, and prolonged or multitasked screen use. Figma’s updates make accessibility a broader part of everyday editing and collaboration rather than a separate workflow. Users who rely on keyboards or screen readers should explore the new controls, while all users may benefit from enabling enhanced contrast when working in difficult lighting or for extended periods.

Read original(opens in new tab)