Figma

736 posts

www.figma.com/blog/engineering

Filter by tag

figma3 min readCurated summary

Version Control: One Founder’s Mission to Save Local Farms with Figma Make | Figma Blog

Aaron Veale used Figma Make to build Planet Food, a marketplace connecting British Columbia farmers with Vancouver restaurants, in under three weeks. Motivated by the financial crisis facing local farms, he used rapid AI-assisted prototyping to validate the idea directly with farmers and chefs. The project shows how prompt-to-app tools can help founders move quickly while tailoring products to real user workflows. ## The problem facing local farms - British Columbia farmers lost a record CAD $457 million last year, with the sector operating at a net loss since 2017. - Rising costs, disrupted supply chains, regulatory changes, and factory-farm competition are pushing small growers out of business. - Farmers are skilled at producing food but often lack time and resources for marketing and sales. - Large distributors can pressure farmers into selling produce at a loss. - Veale envisioned a marketplace linking farms directly with restaurants seeking high-quality local ingredients. ## Building the first marketplace prototype - Veale spent six weeks interviewing farmers before developing the product. - Planet Food required two connected systems: - **Farm OS:** Farmers record and categorize available produce. - **Restaurant OS:** Chefs search for and order ingredients. - He built both systems in parallel using separate Figma Make projects. - Roughly 20 prompts produced the first prototype in a single day. - Early versions became conversation starters that Veale could show farmers and restaurants for immediate feedback. ## Designing for farmers’ daily reality - The app uses dark mode to reduce glare for farmers working outdoors. - Because farmers may work 12–16-hour days, tasks were designed to take fewer than three clicks. - Veale prioritized simple workflows over feature-heavy interfaces. - He used screenshots of familiar interactions, such as swipes and slide-ups, as prompt references. - Figma Make allowed him to refine the product’s mobile-first interface without relying on a large engineering team. ## Humanizing the product through personas - Veale used his design and filmmaking background to treat prompting as a form of storytelling. - He created detailed personas describing users’ traits, motivations, responsibilities, and pain points. - The farmer persona emphasized: - Small or midsize British Columbia operations - Limited administrative capacity - Seasonal workloads and slim teams - The need for fair prices and predictable income - Common frustrations included manually updating spreadsheets, guessing restaurant demand, and overselling or underselling due to poor synchronization. - Veale used ChatGPT to turn these personas and the onboarding flow into more detailed Figma Make prompts. - Custom icons and branded interactions helped make the interface more approachable and engaging. ## Speed as a startup advantage - Figma Make enabled Veale to move from an idea to a functioning MVP in weeks rather than following the traditional fundraising-and-development sequence. - Demonstrating an actively used product gave him stronger evidence of market demand and a potential signal for investors. - The process also let him remain closely involved in product design instead of compromising his vision through multiple layers of implementation. Planet Food illustrates how AI-assisted development can accelerate product validation while keeping design grounded in user research. For founders addressing urgent problems, rapid prototyping combined with direct customer feedback can be more valuable than waiting to assemble a conventional product team.

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)
figma3 min readCurated summary

Gemini 3 Is Now Available In Figma Make | Figma Blog

Figma has made Gemini 3 Pro available as an experimental model in Figma Make, positioning it as a tool for turning design ideas into polished, interactive prototypes. Early tests suggest it is particularly strong at exploring varied visual styles, layouts, motion, and interaction patterns while preserving functional fidelity. Figma’s broader conclusion is that AI expands designers’ creative range rather than replacing their role in directing and refining ideas. ## Bridging the Design-to-Code Leap - Gemini 3 Pro was tested on a Thanksgiving gratitude board designed in Figma Design. - It generated animated SVG leaves with on-screen physics, creating a calm, organic motion. - A Supabase connection allowed visitors to submit gratitude notes. - New notes appeared as leaves that revealed their messages on hover. - The example demonstrated how a visual concept could quickly become a functional, code-backed experience. ## Exploring Distinct Visual Styles - A New Year’s Eve RSVP page was used to test Gemini’s stylistic flexibility. - The model first created a Y2K-inspired design with: - Retro-futuristic visuals - Dark chrome styling - A functioning RSVP form - It then transformed the same experience into a “concrete poetry” treatment featuring: - Severe typography - Brutalist tension - Minimal decoration - Gemini maintained the core interaction and form functionality across both radically different aesthetics. - Motion and interactive details were adapted to match each visual direction. ## Working Within Design Systems - Figma tested Gemini 3 Pro in a mature UI environment using Make kits, npm imports, and Figma’s UI3 library. - Starting with a FigJam template, the team asked it to add a canvas background-style switcher. - Gemini produced 12 background styles using the correct UI3 components and functional interactions. - It also added unexpected refinements, including: - Animated transitions between textures - Sticky-note layering - Scaling effects - The result showed that the model could extend an existing design system rather than only generate isolated concepts. ## A Wider Canvas for Design - Figma argues that AI can increase the range of ideas designers are able to explore. - Gemini 3 Pro combines rapid iteration with visual and interaction fluency. - Gemini 3 Flash is also available as a faster, lighter option for quick ideation and refinements. - Both models can be enabled through Figma’s settings under the experimental models section, marked by the lab icon. Overall, Figma presents Gemini 3 Pro as a practical bridge between design, code, and experimentation. It is most valuable when designers use it to explore possibilities quickly while continuing to guide the creative direction and quality of the final result.

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

Issue No.13: All Systems Go | Figma Blog

Design systems are becoming essential infrastructure as teams move faster and adopt AI-assisted design and coding tools. Figma argues that well-structured systems extend quality and design intent across human and machine-generated work. The issue highlights how Figma’s products and customer practices are helping teams design, build, and collaborate more reliably in this new environment. ## Unlocking Design Systems - Schema by Figma emphasized that design systems now serve AI as well as human designers. - Figma is adding design-system context to Figma Make to improve generated results. - Its MCP server supports more effective agentic coding workflows. - The broader goal is to produce more consistent, polished, and reliable outputs as teams scale. ## Forging New Paths with Figma Make - Figma Make enables teams to move beyond traditional design workflows by working more directly in code. - Companies including Maven Clinic, Pendo, ServiceNow, and LinkedIn are using it to rethink: - Product roadmaps - Product requirements documents - Starter templates - Design-system deployment - Designers can use prompts to explore ideas, prototype faster, and create new paths for collaboration. ## Clarifying Design Context - As developers increasingly rely on AI coding agents, design files need to communicate more than visual appearance. - Clear file organization, meaningful structure, and annotations help developers—and AI tools—understand design intent. - Providing strong context allows coding tools to implement designs more accurately and efficiently. - Designers should treat their files and systems as shared sources of information, not merely presentation artifacts. ## Further Reading - Figma points readers to foundational design-system material covering basic principles through AI-driven automation. - It also recommends guidance for design leaders building resilient teams and helping designers adapt to rapid change. Strong design systems, combined with clear context and modern tools like Figma Make and MCP, can help teams preserve craft while increasing speed. The practical recommendation is to build systems that are understandable, reusable, and structured for both people and AI.

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)
figma2 min readCurated summary

Introducing Figma Weave: The Next Generation of AI-Native Creation at Figma | Figma Blog

Figma has acquired Weavy, bringing its AI media-generation and professional editing capabilities into Figma as **Figma Weave**. The new product aims to treat AI outputs as starting points rather than finished results, combining generative models with human editing and creative judgment. Figma’s goal is to support more sophisticated image, video, animation, motion design, and VFX workflows within its collaborative platform. ## Generative Craft - Weavy combines multiple AI models with professional editing tools in a browser-based canvas. - Creators can select models for different purposes, including: - Seedance, Sora, and Veo for cinematic video - Flux and Ideogram for realistic imagery - Nano-Banana and Seedream for precision-focused work - AI outputs can be refined through hands-on techniques such as: - Lighting adjustments - Object masking - Color grading - Its node-based workflow allows users to branch, remix, and refine outputs. - Each result can become an input for the next stage, creating a flexible media pipeline that balances experimentation with control. ## A Platform for Creative Professionals - Weavy has attracted independent creators, startups, and Fortune 100 companies in less than a year. - Its users include: - Architects creating staged environments - Visual-effects artists producing content for games, television, and film - Marketers developing social videos and banners - Designers creating product mockups, branding assets, and other media - Figma emphasizes that the platform is designed for process and craft rather than one-click generation. ## The Weavy Team and Figma’s Roadmap - Weavy’s founders and team bring experience in product development, engineering, visual effects, animation, and creative production. - The companies share a focus on community, making, and professional-quality creative work. - Figma is expanding the team in Tel Aviv and elsewhere to support Figma Weave’s development. - The acquisition is intended to broaden Figma from a digital-product design platform into a more comprehensive AI-powered creative environment. Figma Weave’s central promise is to make AI-generated media more editable, collaborative, and expressive. Rather than replacing creative expertise, Figma plans to use Weavy’s tools to help users push beyond generic AI results and retain control over the final work.

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)
figma1 min readCurated summary

Visibility at Scale: How Figma Detects Sensitive Data Exposure | Figma Blog

The provided content includes only the title, “How we built a custom permissions DSL at Figma,” and category labels. It does not contain the blog post’s body, so there is not enough information to accurately summarize its technical arguments, implementation details, or conclusions. Please provide the full article text or a link to the post.

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)
figma2 min readCurated summary

4 Ways for Design Teams to Chart New Territory With Figma Make | Figma Blog

Figma Make helps design teams turn early ideas into interactive, high-fidelity prototypes without starting from scratch. The article argues that this accelerates buy-in, exploration, collaboration, and design-system consistency, allowing designers to focus more on strategy, vision, and refinement. Maven Clinic’s experience shows how a prototype can revive a shelved feature and shorten development dramatically. ## Getting Ideas Back on the Roadmap - Maven Clinic had postponed a map-based fertility clinic finder because of launch deadlines. - Product Design Manager Loric Avanessian used initial designs with Figma Make to create an interactive prototype. - The prototype looked and felt like part of Maven’s existing product, generating enthusiasm across the company and even attracting CEO attention. - Its realism helped restore the feature to the roadmap despite competing priorities. - Designers could iterate between Figma Make and Figma Design, refining the concept and testing details. - The prototype exposed important micro-interactions early and enabled Maven to design, develop, test, and launch an MVP in fewer than four sprints—after the idea had remained in the backlog for two years. ## Exploring Unfamiliar Directions - Figma Make helps teams quickly generate and compare multiple ideas. - By providing something tangible to react to, it reduces the blank-canvas problem and supports divergent exploration before requirements are finalized. ## Collaborating on New Interfaces - Interactive prototypes make ideas easier for cross-functional partners to understand and critique. - Teams can share prototypes, gather focused feedback, and identify issues earlier than they might with static mockups. ## Incorporating Design Systems Early - Figma Make can produce explorations that remain visually consistent with established product patterns. - This reduces redundant layout work while allowing designers to concentrate on taste, strategic decisions, and product vision. Figma Make is most valuable when used as an early design partner: create a credible first version quickly, gather feedback, refine it in Figma Design, and use the result to align stakeholders before development begins.

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

6 Winning Figma Makes—and What You Can Learn From Them | Figma Blog

Figma’s first global Make-a-thon demonstrated how Figma Make can turn ideas into interactive prototypes quickly. More than 10,000 creators competed for $100,000 in prizes, and the winning projects were judged on creativity, innovation, execution, and prompt quality. The featured lesson is that creators should define an app’s structure and technical foundations—not merely describe the task. ## Make-a-thon and Figma Make - Figma Make is designed to bridge the gap between concepts and working, interactive creations. - The competition was held in partnership with Contra. - Entries ranged from a *Severance*-themed virtual escape room to a “Figma-Kart” racing game. - Winners showed how thoughtful prompting and experimentation can extend the tool beyond basic prototypes. ## Define the Structure, Not Just the Task - Second-place winner Sebastian Lumbi created a frame-by-frame SVG animation tool. - The app lets users: - Copy SVGs from Figma into the tool. - Build animations frame by frame. - Preview and export animations as GIFs. - His initial prompt described the product’s structure: a canvas at the top for drawing frames and a timeline below for viewing and adding frames. - Sebastian researched state management and component interaction before developing the app. - He used an iterative dialogue with the AI, beginning with two prompts and eventually adding roughly 80 more. - Figma Make’s revert feature allowed him to experiment safely and return to earlier versions when bugs or crashes occurred. ## Technical Understanding Improves AI-Generated Code - Even non-programmers benefit from understanding basic concepts relevant to their application. - Clear instructions about structure make generated code easier to debug and extend. - When technical decisions are unclear, creators can consult another AI for recommendations. - The main lesson is to establish the application’s architecture early, then use iterative prompts to refine features and solve problems. A practical approach is to describe the app’s components, state, and interactions up front, while treating AI generation as an iterative process with frequent testing and rollback.

Read original(opens in new tab)