45 brief canva skill
Dung khi designer se lam TREN CANVA hoac Figma va can direction thao tac cu the — chon template base, thu tu thao tac, map tung element vao vi tri, luoi va khoang cach, mau va font lay tu brand kit, checklist export, viec nen va khong nen lam.
by minhnv0807·MIT license·★ 599 Stars on the repo·GitHub ↗
Use now
npx degit minhnv0807/ai-business-skills/skills/vi/45-brief-canva#master ~/.claude/skills/45-brief-canvaChecked ·commit master
Files of 45 brief canva
SKILL.md
Show the full text180 lines
Brief Canva
Brief Canva tot = designer mo dung template, dung dung element, khong phai tu tim mo. Toan bo mau, font, logo doc tu brand kit trong Canva hoac brand guideline (
46-brand-guideline) — khong tu chon.
Thu thap thong tin
Doc brand guideline va brief goc (42-brief-hinh-anh / 43-brief-carousel) neu co. Neu thieu, hoi toi da 4 cau:
- Loai design + kich thuoc? Post / story / carousel / presentation / email banner — canvas bao nhieu px?
- Bat dau tu dau? Design moi tu blank, edit tu template co san, hay copy tu design cu (link)?
- Noi dung da co chua? Copy da duyet chua, can bao nhieu variants / sizes?
- Deadline + ai duyet?
Nguyen tac
- Khong tu chon font / mau ngoai brand kit tru khi Leader approve bang van ban.
- Khong dung AI generate image cho brand content khi chua duoc duyet — dung anh that hoac stock da approve.
- Share link Canva (view/comment) cho Leader truoc khi export — khong export roi moi gui duyet.
- Moi thay doi sau khi da approve lan dau → bao va xin approve lai.
- Khong de ten file "Untitled design" — dat ten theo naming convention ngay tu dau.
- Setup Brand Kit truoc khi lam: them palette tu brand guideline, upload [font heading] / [font body], luu logo cac version.
Quy trinh
Buoc 1 — Xac dinh template base
Chi ro designer bat dau tu dau: link template co san cua brand, blank canvas dung kich thuoc, hay duplicate tu design cu nao.
Buoc 2 — Thu tu thao tac chuan tren template
| Buoc | Lam gi |
|---|---|
| 1 | Chon template dung kich thuoc (xem bang spec kenh o 50-asset-resize) |
| 2 | Doi mau nen ve [mau nen chinh] hoac [mau nen nhe] theo brand guideline |
| 3 | Doi mau accent ve [mau primary] hoac [mau secondary] |
| 4 | Doi font ve [font heading] / [font body] |
| 5 | Thay noi dung — giu dung hierarchy (H1 lon nhat, body nho) |
| 6 | Kiem tra: logo dung vi tri, mau dung palette, text du tuong phan |
Buoc 3 — Map tung element
Tung text box, image placeholder, color block deu co direction cu the (bang trong template output).
Buoc 4 — Export theo checklist
Format, resolution, color profile, file name, folder — khong export tuy tien.
Cau truc ket qua
Ten file: brief-canva-[ten]-[YYYYMMDD].md
# Canva Brief — [Ten design]
## Thong tin chung
| Hang muc | Chi tiet |
|----------|----------|
| Loai design | |
| Kich thuoc canvas | |
| Template base | [link template / blank / copy tu design X] |
| So variants can | |
| Deadline | |
| Nguoi duyet | |
## Brand system — quick reference (doc tu brand guideline)
Mau:
| Ten | Ma mau | Dung cho |
|-----|--------|----------|
| Primary | [mau primary] | Heading, CTA button, background chu dao |
| Secondary | [mau secondary] | Highlight, accent, so lieu noi bat |
| Nen chinh | [mau nen] | Background clean |
| Text dam | [mau text dam] | Body text tren nen sang |
| Text phu | [mau text phu] | Subtext, caption |
| Nen nhe | [mau nen nhe] | Background section, card |
Typography:
| Dung cho | Font | Weight | Size goi y |
|----------|------|--------|------------|
| Heading H1 | [font heading] | Bold 700 | 40-56px |
| Heading H2 | [font heading] | Bold 700 | 28-36px |
| Heading H3 | [font heading] | SemiBold 600 | 20-24px |
| Body | [font body] | Regular 400 | 14-16px |
| Caption | [font body] | Regular 400 | 11-13px |
| CTA button | [font heading] | Bold 700 | 14-16px |
Neu Canva khong co [font heading] → dung font fallback ghi trong brand guideline.
Logo:
- Full logo: header, cover, slide dau. Icon only: watermark, story.
- Vi tri mac dinh + khoang cach canh: theo brand guideline (thuong 16px).
- Khong dat logo tren background phuc tap lam mo logo.
Component:
- Button primary: fill [mau primary], text sang, radius theo brand, padding 12x24px
- Button secondary: border [mau primary], text [mau primary], khong fill
- Card: nen sang, shadow nhe, radius 12px, padding 24px
## Direction tung element
Text boxes:
| Element | Font | Size | Mau | Noi dung (da duyet) |
|---------|------|------|-----|---------------------|
| Headline | [font heading] Bold | | | "[...]" |
| Subheadline | [font heading] SemiBold | | | "[...]" |
| Body | [font body] Regular | | | "[...]" |
| CTA | [font heading] Bold | | | "[...]" |
Image / visual:
| Vi tri | Noi dung | Style | Nguon |
|--------|----------|-------|-------|
| Background | [solid / gradient / anh] | [opacity neu co overlay] | [stock da duyet / upload] |
| Hero image | [mo ta] | [crop style] | [link / upload] |
| Icon set | [line / filled] | [mau icon] | [element library / asset brand] |
Layout grid:
- Padding ngoai canvas: 40px moi canh (desktop) / 24px (mobile-first)
- Khoang cach elements: 16px (tight) / 24px (normal) / 40px (breathing room)
- Text khong cham canh canvas — padding toi thieu 24px
## Export checklist
- [ ] Format: JPG (static) / PNG (transparent) / PDF (document)
- [ ] Resolution 2x; color profile RGB (digital) — khong CMYK
- [ ] File name: [Campaign]_[Kenh]_[KichThuoc]_[Tang]_[Version]_[Status]
- [ ] Upload folder: /[Brand]/Campaigns/[TenCampaign]/Assets/Final/
- [ ] Share link Canva (view only) cho Leader truoc khi export final
## Review
- Share link draft: [ngay] — feedback qua comment truc tiep tren Canva
- Sua toi da: [X] lan — export final sau khi co comment approve
Loi thuong gap khi lam Canva (tranh ngay tu dau)
- Dung font mac dinh cua template (Poppins, Montserrat...) thay vi font brand.
- Dung mau tu chon ngoai palette.
- Text qua nho tren anh — duoi 14px khong doc duoc tren dien thoai.
- Qua nhieu text tren 1 slide/post — toi da 3-4 dong body.
- Quen safe zone story: khong de noi dung quan trong 250px dau va cuoi (bi UI che).
- Quen doi ten file — de "Copy of Copy of...".
Lien ket skill
42-brief-hinh-anh/43-brief-carousel: brief noi dung + concept truoc, Canva brief la khau thao tac production.41-campaign-asset-list: xac dinh asset + deadline truoc khi vao Canva.46-brand-guideline: nguon palette, font, logo, component rules — setup Brand Kit tu day.47-design-review: review ket qua sau khi export.
Checklist chat luong
- Template base chi ro (link / blank / copy tu dau)
- Brand Kit da setup: palette, font, logo tu brand guideline
- Thu tu thao tac 6 buoc ghi trong brief
- Moi text box co font, size, mau, noi dung da duyet
- Layout grid + padding + spacing ghi ro
- Export checklist du: format, 2x, RGB, naming, folder
- Quy trinh review qua comment Canva, khong export truoc khi duyet
- Khong element nao dung mau/font ngoai brand kit
| 1 | |
| 2 | name 45-brief-canva |
| 3 | description "Dung khi designer se lam TREN CANVA hoac Figma va can direction thao tac cu the — chon template base, thu tu thao tac, map tung element vao vi tri, luoi va khoang cach, mau va font lay tu brand kit, checklist export, viec nen va khong nen lam. Kich hoat khi user nhac 'brief Canva', 'huong dan lam tren Canva', 'direction Canva', 'template Canva', 'layout Canva', 'lam trong Figma', 'ban design chua ranh nen phai chi tay'. Khong dung cho — brief concept anh tinh khong gan cong cu thi dung skill 42-brief-hinh-anh; chuoi slide carousel thi dung skill 43-brief-carousel; quy dinh mau, font va logo cua thuong hieu thi dung skill 46-brand-guideline." |
| 4 | metadata |
| 5 | version 1.0.1 |
| 6 | category operations |
| 7 | license MIT |
| 8 | triggers |
| 9 | - "brief canva" |
| 10 | - "huong dan lam canva" |
| 11 | - "direction canva" |
| 12 | - "layout canva" |
| 13 | - "template canva" |
| 14 | - "canva production" |
| 15 | output "File .md — direction Canva day du: template base, quick reference brand system, direction tung element, export checklist. Designer mo Canva len la lam duoc ngay, dung brand." |
| 16 | related |
| 17 | - 42-brief-hinh-anh |
| 18 | - 43-brief-carousel |
| 19 | - 41-campaign-asset-list |
| 20 | - 46-brand-guideline |
| 21 | - 47-design-review |
| 22 | |
| 23 | |
| 24 | # Brief Canva |
| 25 | |
| 26 | > Brief Canva tot = designer mo dung template, dung dung element, khong phai tu tim mo. Toan bo mau, font, logo doc tu brand kit trong Canva hoac brand guideline (`46-brand-guideline`) — khong tu chon. |
| 27 | |
| 28 | ## Thu thap thong tin |
| 29 | |
| 30 | Doc brand guideline va brief goc (`42-brief-hinh-anh` / `43-brief-carousel`) neu co. Neu thieu, hoi toi da 4 cau: |
| 31 | |
| 32 | **Loai design + kich thuoc?** Post / story / carousel / presentation / email banner — canvas bao nhieu px? |
| 33 | **Bat dau tu dau?** Design moi tu blank, edit tu template co san, hay copy tu design cu (link)? |
| 34 | **Noi dung da co chua?** Copy da duyet chua, can bao nhieu variants / sizes? |
| 35 | **Deadline + ai duyet?** |
| 36 | |
| 37 | ## Nguyen tac |
| 38 | |
| 39 | **Khong tu chon font / mau ngoai brand kit** tru khi Leader approve bang van ban. |
| 40 | **Khong dung AI generate image cho brand content** khi chua duoc duyet — dung anh that hoac stock da approve. |
| 41 | **Share link Canva (view/comment) cho Leader truoc khi export** — khong export roi moi gui duyet. |
| 42 | **Moi thay doi sau khi da approve lan dau → bao va xin approve lai.** |
| 43 | **Khong de ten file "Untitled design"** — dat ten theo naming convention ngay tu dau. |
| 44 | **Setup Brand Kit truoc khi lam:** them palette tu brand guideline, upload [font heading] / [font body], luu logo cac version. |
| 45 | |
| 46 | ## Quy trinh |
| 47 | |
| 48 | ### Buoc 1 — Xac dinh template base |
| 49 | |
| 50 | Chi ro designer bat dau tu dau: link template co san cua brand, blank canvas dung kich thuoc, hay duplicate tu design cu nao. |
| 51 | |
| 52 | ### Buoc 2 — Thu tu thao tac chuan tren template |
| 53 | |
| 54 | | Buoc | Lam gi | |
| 55 | |------|--------| |
| 56 | | 1 | Chon template dung kich thuoc (xem bang spec kenh o `50-asset-resize`) | |
| 57 | | 2 | Doi mau nen ve [mau nen chinh] hoac [mau nen nhe] theo brand guideline | |
| 58 | | 3 | Doi mau accent ve [mau primary] hoac [mau secondary] | |
| 59 | | 4 | Doi font ve [font heading] / [font body] | |
| 60 | | 5 | Thay noi dung — giu dung hierarchy (H1 lon nhat, body nho) | |
| 61 | | 6 | Kiem tra: logo dung vi tri, mau dung palette, text du tuong phan | |
| 62 | |
| 63 | ### Buoc 3 — Map tung element |
| 64 | |
| 65 | Tung text box, image placeholder, color block deu co direction cu the (bang trong template output). |
| 66 | |
| 67 | ### Buoc 4 — Export theo checklist |
| 68 | |
| 69 | Format, resolution, color profile, file name, folder — khong export tuy tien. |
| 70 | |
| 71 | ## Cau truc ket qua |
| 72 | |
| 73 | Ten file: `brief-canva-[ten]-[YYYYMMDD].md` |
| 74 | |
| 75 | |
| 76 | # Canva Brief — [Ten design] |
| 77 | |
| 78 | ## Thong tin chung |
| 79 | | Hang muc | Chi tiet | |
| 80 | |----------|----------| |
| 81 | | Loai design | | |
| 82 | | Kich thuoc canvas | | |
| 83 | | Template base | [link template / blank / copy tu design X] | |
| 84 | | So variants can | | |
| 85 | | Deadline | | |
| 86 | | Nguoi duyet | | |
| 87 | |
| 88 | ## Brand system — quick reference (doc tu brand guideline) |
| 89 | Mau: |
| 90 | | Ten | Ma mau | Dung cho | |
| 91 | |-----|--------|----------| |
| 92 | | Primary | [mau primary] | Heading, CTA button, background chu dao | |
| 93 | | Secondary | [mau secondary] | Highlight, accent, so lieu noi bat | |
| 94 | | Nen chinh | [mau nen] | Background clean | |
| 95 | | Text dam | [mau text dam] | Body text tren nen sang | |
| 96 | | Text phu | [mau text phu] | Subtext, caption | |
| 97 | | Nen nhe | [mau nen nhe] | Background section, card | |
| 98 | |
| 99 | Typography: |
| 100 | | Dung cho | Font | Weight | Size goi y | |
| 101 | |----------|------|--------|------------| |
| 102 | | Heading H1 | [font heading] | Bold 700 | 40-56px | |
| 103 | | Heading H2 | [font heading] | Bold 700 | 28-36px | |
| 104 | | Heading H3 | [font heading] | SemiBold 600 | 20-24px | |
| 105 | | Body | [font body] | Regular 400 | 14-16px | |
| 106 | | Caption | [font body] | Regular 400 | 11-13px | |
| 107 | | CTA button | [font heading] | Bold 700 | 14-16px | |
| 108 | |
| 109 | Neu Canva khong co [font heading] → dung font fallback ghi trong brand guideline. |
| 110 | |
| 111 | Logo: |
| 112 | - Full logo: header, cover, slide dau. Icon only: watermark, story. |
| 113 | - Vi tri mac dinh + khoang cach canh: theo brand guideline (thuong 16px). |
| 114 | - Khong dat logo tren background phuc tap lam mo logo. |
| 115 | |
| 116 | Component: |
| 117 | - Button primary: fill [mau primary], text sang, radius theo brand, padding 12x24px |
| 118 | - Button secondary: border [mau primary], text [mau primary], khong fill |
| 119 | - Card: nen sang, shadow nhe, radius 12px, padding 24px |
| 120 | |
| 121 | ## Direction tung element |
| 122 | Text boxes: |
| 123 | | Element | Font | Size | Mau | Noi dung (da duyet) | |
| 124 | |---------|------|------|-----|---------------------| |
| 125 | | Headline | [font heading] Bold | | | "[...]" | |
| 126 | | Subheadline | [font heading] SemiBold | | | "[...]" | |
| 127 | | Body | [font body] Regular | | | "[...]" | |
| 128 | | CTA | [font heading] Bold | | | "[...]" | |
| 129 | |
| 130 | Image / visual: |
| 131 | | Vi tri | Noi dung | Style | Nguon | |
| 132 | |--------|----------|-------|-------| |
| 133 | | Background | [solid / gradient / anh] | [opacity neu co overlay] | [stock da duyet / upload] | |
| 134 | | Hero image | [mo ta] | [crop style] | [link / upload] | |
| 135 | | Icon set | [line / filled] | [mau icon] | [element library / asset brand] | |
| 136 | |
| 137 | Layout grid: |
| 138 | - Padding ngoai canvas: 40px moi canh (desktop) / 24px (mobile-first) |
| 139 | - Khoang cach elements: 16px (tight) / 24px (normal) / 40px (breathing room) |
| 140 | - Text khong cham canh canvas — padding toi thieu 24px |
| 141 | |
| 142 | ## Export checklist |
| 143 | - [ ] Format: JPG (static) / PNG (transparent) / PDF (document) |
| 144 | - [ ] Resolution 2x; color profile RGB (digital) — khong CMYK |
| 145 | - [ ] File name: [Campaign]_[Kenh]_[KichThuoc]_[Tang]_[Version]_[Status] |
| 146 | - [ ] Upload folder: /[Brand]/Campaigns/[TenCampaign]/Assets/Final/ |
| 147 | - [ ] Share link Canva (view only) cho Leader truoc khi export final |
| 148 | |
| 149 | ## Review |
| 150 | - Share link draft: [ngay] — feedback qua comment truc tiep tren Canva |
| 151 | - Sua toi da: [X] lan — export final sau khi co comment approve |
| 152 | |
| 153 | |
| 154 | ## Loi thuong gap khi lam Canva (tranh ngay tu dau) |
| 155 | |
| 156 | Dung font mac dinh cua template (Poppins, Montserrat...) thay vi font brand. |
| 157 | Dung mau tu chon ngoai palette. |
| 158 | Text qua nho tren anh — duoi 14px khong doc duoc tren dien thoai. |
| 159 | Qua nhieu text tren 1 slide/post — toi da 3-4 dong body. |
| 160 | Quen safe zone story: khong de noi dung quan trong 250px dau va cuoi (bi UI che). |
| 161 | Quen doi ten file — de "Copy of Copy of...". |
| 162 | |
| 163 | ## Lien ket skill |
| 164 | |
| 165 | `42-brief-hinh-anh` / `43-brief-carousel`: brief noi dung + concept truoc, Canva brief la khau thao tac production. |
| 166 | `41-campaign-asset-list`: xac dinh asset + deadline truoc khi vao Canva. |
| 167 | `46-brand-guideline`: nguon palette, font, logo, component rules — setup Brand Kit tu day. |
| 168 | `47-design-review`: review ket qua sau khi export. |
| 169 | |
| 170 | ## Checklist chat luong |
| 171 | |
| 172 | [ ] Template base chi ro (link / blank / copy tu dau) |
| 173 | [ ] Brand Kit da setup: palette, font, logo tu brand guideline |
| 174 | [ ] Thu tu thao tac 6 buoc ghi trong brief |
| 175 | [ ] Moi text box co font, size, mau, noi dung da duyet |
| 176 | [ ] Layout grid + padding + spacing ghi ro |
| 177 | [ ] Export checklist du: format, 2x, RGB, naming, folder |
| 178 | [ ] Quy trinh review qua comment Canva, khong export truoc khi duyet |
| 179 | [ ] Khong element nao dung mau/font ngoai brand kit |
| 180 |
Discussion
Alternatives
ImpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Apple designApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.Building AnimationsBuild an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.
BreakRenders a component you choose in every state and scenario on a temporary page and stress tests it.Browse more free Claude skills or everything in Design.