chore(Figma): Add Code Connect mapping for Pagination component#1667
Open
aweell wants to merge 3 commits into
Open
chore(Figma): Add Code Connect mapping for Pagination component#1667aweell wants to merge 3 commits into
aweell wants to merge 3 commits into
Conversation
Maps the Mode variant (Default/Icon only) to the mode prop. Current page and Show all pages are Figma-only simplifications with no direct prop mapping and are documented as such. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
4 tasks
Contributor
There was a problem hiding this comment.
Pull request overview
Adds Figma Code Connect mappings for the Pagination component so Figma Dev Mode can generate React snippet examples for the desktop and mobile Pagination nodes.
Changes:
- Added a desktop Code Connect mapping for Pagination (node
37559-163) withModevariant →modeprop mapping. - Added a mobile Code Connect mapping for Pagination (node
66855-179) with the sameModevariant →modeprop mapping. - Documented that
Current page/Show all pagesare Figma-only simplifications and are intentionally not mapped.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 4 comments.
| File | Description |
|---|---|
| src/figma/pagination.figma.ts | Desktop Code Connect mapping for Pagination, including Mode variant → mode snippet output. |
| src/figma/pagination.mobile.figma.ts | Mobile Code Connect mapping for Pagination, mirroring the desktop mapping and snippet generation. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+18
to
+20
| // "Current page" (Start | Middle | End) is a Figma-only simplification to show | ||
| // navigation control states; it has no direct code prop mapping and is omitted. | ||
|
|
Comment on lines
+18
to
+20
| // "Current page" (Start | Middle | End) is a Figma-only simplification to show | ||
| // navigation control states; it has no direct code prop mapping and is omitted. | ||
|
|
|
Size stats
|
|
Deploy preview for mistica-web ready!
Deployed with vercel-action |
|
Accessibility report ℹ️ You can run this locally by executing |
Marcosld
approved these changes
Jul 22, 2026
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
…gination Code Connect Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
src/__figma__/pagination.figma.ts(desktop, node37559-163)src/__figma__/pagination.mobile.figma.ts(mobile, node66855-179)Modevariant (Default/Icon only) to themodepropCurrent pageandShow all pagesare Figma-only simplifications (visual states, not direct props) and are documented as such with no mappingCloses #1666
Test plan
./node_modules/.bin/figma connect publish --dry-runlists both Pagination nodes without errors./node_modules/.bin/figma connect publishto push mappings to Figma Dev Mode🤖 Generated with Claude Code