Perture Blog
6 articles found
Design system consistencyWhy AI-generated UI ignores your design system — and how to fix itCodexHow to use your design system with Codex 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 41 520 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 6 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 630 529 0 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 52 30 419 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 5 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 529 418 9 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 41 29 308 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 4 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 418 307 8 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 30 18 297 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 3 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 307 296 7 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 29 07 186 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 2 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 296 185 6 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 18 96 075 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 1 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 185 074 5 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 07 85 964 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 0 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 074 963 4 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 96 74 853 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 9 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 Claude CodeHow to make Claude Code follow your design system 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 41 520 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 6 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 630 529 0 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 52 30 419 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 5 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 529 418 9 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 41 29 308 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 4 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 418 307 8 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 30 18 297 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 3 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 307 296 7 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 29 07 186 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 2 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 296 185 6 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 18 96 075 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 1 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 185 074 5 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 07 85 964 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 0 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 074 963 4 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 96 74 853 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 9 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 CursorHow to use your existing design system in Cursor 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 41 520 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 6 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 630 529 0 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 52 30 419 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 5 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 529 418 9 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 41 29 308 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 4 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 418 307 8 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 30 18 297 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 3 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 307 296 7 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 29 07 186 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 2 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 296 185 6 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 18 96 075 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 1 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 185 074 5 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 07 85 964 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 0 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 074 963 4 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 96 74 853 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 9 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 Figma to codeReduce Figma-to-code rework with the components you already have 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 41 520 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 6 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 630 529 0 418 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 52 30 419 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 5 307 296 085 964 852 741 630 429 308 296 185 074 863 742 630 529 418 9 307 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 41 29 308 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 4 296 185 974 853 741 630 529 318 297 185 074 963 752 631 529 418 307 8 296 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 30 18 297 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 3 185 074 863 742 630 529 418 207 186 074 963 852 641 520 418 307 296 7 185 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 29 07 186 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 2 074 963 752 631 529 418 307 196 075 963 852 741 530 419 307 296 185 6 074 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 18 96 075 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 1 963 852 641 520 418 307 296 085 964 852 741 630 429 308 296 185 074 5 963 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 07 85 964 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 0 852 741 530 419 307 296 185 974 853 741 630 529 318 297 185 074 963 4 852 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 96 74 853 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 9 741 630 429 308 296 185 074 863 742 630 529 418 207 186 074 963 852 3 741 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 85 63 742 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 8 630 529 318 297 185 074 963 752 631 529 418 307 196 075 963 852 741 2 630 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 74 52 631 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 7 529 418 207 186 074 963 852 641 520 418 307 296 085 964 852 741 630 1 529 418 307 196 075 963 852 741 530 419 307 296 185 974 853 741 63 MCP and design systemsUse MCP to give coding agents your design system context