Figma cleanup + rebuild of 2 CTA components across Desktop/Tablet/Mobile (Auto Layout + responsive) -- 2
Budget: £20 – £250 GBP
Hi! I’m looking for an experienced Figma designer with strong Auto Layout, constraints, and component structuring skills to clean up and rebuild two CTA components in my Figma file.
The visual designs are already created, but the file needs to be restructured professionally so the CTAs are build-ready, responsive, and reusable.
Scope
CTAs included
Single specialist CTA
Multiple specialists CTA
Breakpoints needed
Each CTA must be cleaned up for:
Desktop
Tablet
Mobile
Frame sizes (must use)
Please use these exact breakpoint frames:
Desktop: 1440 × 900
Tablet: 1024 × 768
Mobile: 375 × 812
What needs to be done
This is not a redesign — it’s a cleanup + rebuild of the existing designs so the file is structured correctly.
The current file has issues like:
inconsistent frames/groups
padding not behaving correctly
text overflowing / not wrapping properly
Auto Layout applied at incorrect levels
elements not constrained correctly
layout breaks when resizing
inconsistent naming / messy layers
Required Figma setup (must follow)
For each CTA and breakpoint:
Use a clear structure:
Card container (Auto Layout vertical)
Content container (Auto Layout vertical/horizontal where needed)
Correct use of:
Padding
Gap / spacing
Hug / Fill container
Constraints
Text must be properly set:
headings wrap cleanly
body text wraps and stays inside the card
Specialist blocks must be built properly:
avatar + name grouped as mini components
multiple specialists row must not break or overlap
Phone number + CTA button should be prominent and aligned consistently
Buttons should be reusable components (with icon + label + padding)
Deliverables
Clean, client-ready Figma file/page with:
Desktop / Tablet / Mobile clearly separated
both CTAs shown on each breakpoint
consistent layout behaviour
Proper naming conventions:
frames/pages clearly labelled
layers not left as “Frame 23 / Group 4”
Reusable components:
Button component
Specialist avatar block (optional but preferred)
No flattened/rasterized layers
Definition of Done (required)
Before delivery, please ensure:
✅ All cards are built using Auto Layout (no random groups)
✅ Padding + spacing are consistent and editable
✅ No content spills outside the card
✅ Text wraps correctly (no overflow)
✅ Components behave correctly when resizing frames
✅ Clean layer naming + organised pages
✅ Both CTAs are consistent across breakpoints
✅ File is client-presentable (no internal messy labels)
Timeline
Urgent — ideally completed today / within 24 hours.
To apply
Please confirm:
You can deliver within 24 hours
You have strong Auto Layout/component experience (share 1–2 examples)
Estimated hours + fixed price
The visual designs are already created, but the file needs to be restructured professionally so the CTAs are build-ready, responsive, and reusable.
Scope
CTAs included
Single specialist CTA
Multiple specialists CTA
Breakpoints needed
Each CTA must be cleaned up for:
Desktop
Tablet
Mobile
Frame sizes (must use)
Please use these exact breakpoint frames:
Desktop: 1440 × 900
Tablet: 1024 × 768
Mobile: 375 × 812
What needs to be done
This is not a redesign — it’s a cleanup + rebuild of the existing designs so the file is structured correctly.
The current file has issues like:
inconsistent frames/groups
padding not behaving correctly
text overflowing / not wrapping properly
Auto Layout applied at incorrect levels
elements not constrained correctly
layout breaks when resizing
inconsistent naming / messy layers
Required Figma setup (must follow)
For each CTA and breakpoint:
Use a clear structure:
Card container (Auto Layout vertical)
Content container (Auto Layout vertical/horizontal where needed)
Correct use of:
Padding
Gap / spacing
Hug / Fill container
Constraints
Text must be properly set:
headings wrap cleanly
body text wraps and stays inside the card
Specialist blocks must be built properly:
avatar + name grouped as mini components
multiple specialists row must not break or overlap
Phone number + CTA button should be prominent and aligned consistently
Buttons should be reusable components (with icon + label + padding)
Deliverables
Clean, client-ready Figma file/page with:
Desktop / Tablet / Mobile clearly separated
both CTAs shown on each breakpoint
consistent layout behaviour
Proper naming conventions:
frames/pages clearly labelled
layers not left as “Frame 23 / Group 4”
Reusable components:
Button component
Specialist avatar block (optional but preferred)
No flattened/rasterized layers
Definition of Done (required)
Before delivery, please ensure:
✅ All cards are built using Auto Layout (no random groups)
✅ Padding + spacing are consistent and editable
✅ No content spills outside the card
✅ Text wraps correctly (no overflow)
✅ Components behave correctly when resizing frames
✅ Clean layer naming + organised pages
✅ Both CTAs are consistent across breakpoints
✅ File is client-presentable (no internal messy labels)
Timeline
Urgent — ideally completed today / within 24 hours.
To apply
Please confirm:
You can deliver within 24 hours
You have strong Auto Layout/component experience (share 1–2 examples)
Estimated hours + fixed price
Related categories:
Graphic Design
CSS
Jobs for Anyone
User Interface / IA
PSD to HTML
HTML
Prototyping
Figma
Interaction Design
Web Design