Figma Page Starter: Brief, Layout Logic, Build
Three skills that take you from a rough idea to a finished page on the Figma canvas.
Brief Me interviews you about the audience, value proposition, goal and tone, and writes a BRIEF.md. Escape AI Slop gives the layout a reason: eye-tracking models and cognitive-bias countermeasures instead of the same centered hero every time. Create Figma Page then reads both and builds the page straight in Figma: variable-bound, component-based, auto-layout, as one page or several structurally different layouts side by side to compare.
For anyone who wants to design in Figma with Claude Code without writing a code prototype first.
Already own Mockup Studio? It includes Brief Me and Escape AI Slop, so you only need Create Figma Page on its own.
Works with any agent that signs in to Agensi, such as Claude, ChatGPT, Claude Code, Cursor and Codex CLI.
One payment, lifetime access. 3 skills unlock instantly in your library.
What's included
3 skills
Interviews you about a site or app's business requirements — audience, value proposition, goal, tone — before any mockup or code gets written, and hands off the answers as a durable BRIEF.md file.
A reasoning guide, not a generator — stops your agent's UI output from collapsing into "AI slop" (the same centered hero, 2-column split, safe nuance palette every time). Applies eye-tracking layout models and cognitive-bias countermeasures so structure and color choices come from real content, not statistical safety.
Builds a variable-bound, component-based Figma page straight from a brief, or several structurally different layouts of it side by side to compare. No code project and no mockup step. In our test runs it did not use Figma AI credits.
See it in action
Brief Me — Pre-Build Requirements Interview
Example session with this skill installed
I want to build a landing page for IRONCLAD STRENGTH, a boutique strength-training gym opening its second location in Austin, Texas — 3,200 sq ft, 8 private coaching bays, 12-person max class size, $189/month, targeting professionals aged 28-45 who tried commercial gyms and quit within 3 months. Interview me first so we get the requirements right before any design work starts.
- Read your context and instructions
- Compiled the brief me
I'll run a short structured interview before we design anything — four rounds of questions, each with concrete options plus an open "Other" field, so most answers are quick confirmations rather than free-typing.
Round 1 (site type / target / value proposition / goal): Landing page (single-page pitch) -> General consumers (B2C) -> Quality/trust (certified coach + written program, not an anonymous big-box gym) -> Free trial session booking.
Round 2 (persona detail): 28-45, dual-income, mid-to-upper disposable income — gym dropouts, not gym novices.
Round 3 (differentiation / device priority / brand assets — "scale" skipped automatically, nothing to enumerate on a single-page pitch): Design/UX differentiation -> Roughly even mobile/desktop split -> Logo and brand colors already exist (second location).
Round 4 (notes): Avoid flashy effects — no "grind harder" clichés, no sweat-drenched hero shots, no countdown-timer urgency.
Here's BRIEF.md, written to your project root:
BRIEF
Site Type
A single-page landing page (LP) focused on one conversion goal: booking a free trial session.
Target Audience
General consumers (B2C) — working professionals aged 28-45.
Persona Detail
Dual-income professionals aged 28-45 with mid-to-upper disposable income. Have tried commercial/big-box gyms before and quit within 3 months — they're not gym novices, they're gym dropouts looking for something that actually sticks.
Product / Value Proposition
Quality and trust: accountability over anonymity. Every member gets a certified coach and a written program — not just a keycard swipe into an empty room. Positioned above budget gyms ($20-40/month) and below fully personal training ($400+/month), at $189/month for a boutique 3,200 sq ft facility with 8 private coaching bays and a 12-person class cap.
Competitive Differentiation
Design and UX. The gym's actual edge is coaching structure, but the landing page itself needs to look and feel categorically different from typical fitness marketing — premium and trustworthy rather than loud or intense.
Device Priority
Roughly even split between mobile and desktop — prospective members are expected to browse on mobile during commutes and revisit on desktop before booking.
Existing Brand Assets
Logo and brand colors already exist (this is the brand's second location). Treat them as a fixed constraint in the next build step's color/style question rather than a free choice.
Goal (Conversion)
Convert landing page visitors into a booked free trial session — not a generic contact form, not a membership signup without trying the space first.
Notes
Avoid loud, "grind harder" fitness clichés — no sweat-drenched hero shots, no aggressive red/yellow accent colors, no countdown-timer urgency tactics. The tone should read as calm, premium, and trustworthy, closer to a boutique wellness brand than a typical gym flyer.
Next steps: BRIEF.md is saved. Hand it to whatever mockup-building or coding workflow you use next — many agentic build workflows pick up a BRIEF.md in the project root automatically, or you can just reference/paste it in as context.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads these skills and uses them on your task. It always asks before any payment.
Reviews
No reviews yet
Be one of the first to try it. Every skill in this bundle goes through our trust checks.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.