supabase

2 posts

figma

Gemini 3 Is Now Available In Figma Make | Figma Blog (opens in new tab)

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.

figma

Figma Make Is Now Available to All Users | Figma Blog (opens in new tab)

Figma has moved Figma Make and other AI features out of beta and made them available to all users. Figma Make is positioned as a prompt-to-app tool that lets people create interactive, high-fidelity prototypes without extensive technical skills. The company argues that this speeds up exploration and alignment while enabling designers, engineers, researchers, and product managers to participate more directly in product development. ## Figma Make Becomes Generally Available - Users can create prototypes and web apps through natural-language prompts. - New capabilities include: - Importing an existing Figma library, including colors, typography, styling, and usage guidelines. - Connecting prototypes to backend data through a Supabase integration. - Figma’s other AI features, including Make and Edit Image and Boost Resolution, are also leaving beta. - Publishing Figma Make files remains in beta. ## Availability, Seats, and AI Credits - **Full seat users** receive the full Figma Make and AI experience, including private sharing and publishing capabilities. - **View, Collab, and Dev seat users** can create unlimited Make files in drafts and use the AI features available to their seats. - **Starter plan users** can create unlimited draft files and share up to three Make files with their team. - AI credits are included with all seats. - Full-seat monthly allocations are: - Professional: 3,000 credits, estimated at 50–70 Make prompts. - Organization: 3,500 credits, estimated at 60–80 prompts. - Enterprise: 4,250 credits, estimated at 80–100 prompts. - Figma plans to offer additional credits for purchase later. Full-seat limits will not initially be strictly enforced, while lower limits for Starter, View, Collab, and Dev users are enforced daily and monthly. ## Faster, More Collaborative Product Development - Figma says Make supports the broader development process, not just prototyping. - Designers can test complex interactions. - Engineers can produce high-fidelity design artifacts. - Product managers can build functional mockups to validate ideas. - The tool encourages teams to experiment, take risks, and discuss concrete artifacts rather than abstract descriptions. ## Making Prototyping More Accessible - Figma argues that language alone often fails to communicate how a product should look and feel. - Traditional prototypes can be time-consuming or inaccessible to people without design or development expertise. - Natural-language prompting allows more team members to turn ideas into realistic prototypes quickly. - Figma researcher Rie McGwier used Make to build a Survey Traffic Calculator for managing roughly 30 surveys across eight products. - The prototype modeled weekly active users, audience overlap, response rates, recontact windows, sampling requirements, and other constraints, producing a dashboard to help avoid oversampling. Figma’s recommendation is to use Make as a collaborative exploration tool: teams can rapidly turn ideas into working artifacts, test assumptions, and refine solutions before committing to full implementation.